如何在多个页面上包含Schema.org结构化数据的Laravel实现方法

4

我正在构建一个 Laravel 应用程序,其中我希望包含一些 schema.org 的结构化数据。在我的布局文件 app.blade.php 中,我已经包含了以下内容:

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "thecompany.com",
    "alternateName": "the company",
    "url": "{{ route('home') }}"
}
</script>

现在我想添加不同的参数,这取决于我处于哪个子页面。例如,我有一个职位列表页面,我希望每个单独的职位页面都有类似以下内容的东西:
{
  "@context" : "https://schema.org/",
  "@type" : "JobPosting",
  "title" : "Software Engineer",
  "description" : "<p>Become our next developer.</p>",
  "employmentType" : "CONTRACTOR",
  "hiringOrganization" : {
     "@type" : "Organization",
     "name" : "The Company",
     "sameAs" : "http://www.google.com",
     "logo" : "http://www.example.com/images/logo.png",
     "baseSalary": {
       "@type": "MonetaryAmount",
       "currency": "USD",
       "value": {
          "@type": "QuantitativeValue",
          "value": 40.00,
          "unitText": "HOUR"
       }
   }
}

当然,值的变化取决于您所在的工作页面。

我试图将脚本添加到job.blade.php文件中,但似乎被位于app.blade.php文件中的脚本覆盖了。

我该如何解决这个问题?

2个回答

12

另一种选择是使用像 Schema.org generator for Laravel 这样的包。

这使您可以编写类似于以下代码:

use Spatie\SchemaOrg\Schema;

$localBusiness = Schema::localBusiness()
    ->name('Spatie')
    ->email('info@spatie.be')
    ->contactPoint(Schema::contactPoint()->areaServed('Worldwide'));

echo $localBusiness->toScript();

...生成以下JSON-LD:

<script type="application/ld+json">
{
    "@context": "http:\/\/schema.org",
    "@type": "LocalBusiness",
    "name": "Spatie",
    "email": "info@spatie.be",
    "contactPoint": {
        "@type": "ContactPoint",
        "areaServed": "Worldwide"
    }
}
</script>

你有没有在模板中渲染它的解决方案? - Frédéric Klee
3
就我个人而言,我会在视图组合器中生成代码,然后在我的布局视图中,在闭合的</body>标签上方简单地打印它,如下所示: {!! $schema !!} - Mark
我可以保证Spatie的包,运行得很好,并且有很好的文档。 - Ignacio

7

你是否了解Blade组件

你可以使用一些默认值构建一个模式组件,并在职位网站上引用它:

schema.blade.php

<script type="application/ld+json">
    "@context" : "https://schema.org/",
    {{ $slot }}
</script>

job.blade.php

@component('schema')
    "@type" : "JobPosting",
    "title" : "Software Engineer",
    "description" : "<p>Become our next developer.</p>",
    ....
@endcomponent

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接