html - 最佳 JSON-LD 实践 : using multiple <script> elements?

Question

我很好奇将 JSON-LD 应用到 schema.org 站点的最佳实践。

如果我有一个包含 Article 的页面，并且我还想在我的页面上定义 WebSite，我会这样:

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://www.example.com/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "http://www.example.com/search?&q={query}",
      "query-input": "required"
    }
}
</script>

<!- … -->

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "author": "John Doe",
  "interactionCount": [
    "UserTweets:1203",
    "UserComments:78"
  ],
  "name": "How to Tie a Reef Knot"
}
</script>

这是对还是错？将它们合并到同一个脚本或项目数组中是否有任何好处或需要？

Answer 1

除了限制您在网站中存储和管理架构数据的方式外，拥有单个或多个数据 block 没有任何好处。

例如，如果您网站中的不同组件负责独立生成每个数据 block ，则您可能需要将它们分开。或者，如果您的网站能够在一个地方管理一个页面的所有模式，那么管理单个数据 block 并将其呈现为单个 script 元素可能会更简单。

您可以通过将每个模式列为数组来将它们组合成一个脚本，如下所示:

<script type="application/ld+json">
[
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://www.example.com/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "http://www.example.com/search?&q={query}",
      "query-input": "required"
    }
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "author": "John Doe",
    "interactionCount": [
      "UserTweets:1203",
      "UserComments:78"
    ],
    "name": "How to Tie a Reef Knot"
  }
]
</script>