你如何组合几个 JSON-LD 标记？

Question

作为一个新手，我发现很难将几个或多个 JSON-LD 标记合并在一起。你能告诉我我做错了什么吗？

当我在 Google 结构化数据测试工具中输入以下标记时，它只显示 Organization 架构类型的结果，而 BreadcrumbList 类型也有。

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"legalName": "Example INC",
"logo": "https://www.example.com/image.png",
"url": "https://www.example.com/",
"sameAs": [
"https://www.facebook.com/example",
"https://www.linkedin.com/company/example",
"https://twitter.com/example",
"https://www.youtube.com/user/example",
"https://en.wikipedia.org/wiki/example"
]
}
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": "1",
"item": {
"@id": "https://www.example.com/",
"name": "Homepage" 
}
}
]
</script>

Answer 1

JSON 连接不正确。如果您手动执行它，那么如果您有一个启用 JSON 的编辑器（带有 lint），那将真的很有帮助。 Atom (https://atom.io) 是一个不错的选择。

对于这个特定的例子，这里是更正的版本：

[{
    "@context": "http://schema.org",
    "@type": "Organization",
    "legalName": "Example INC",
    "logo": "https://www.example.com/image.png",
    "url": "https://www.example.com/",
    "sameAs": [
        "https://www.facebook.com/example",
        "https://www.linkedin.com/company/example",
        "https://twitter.com/example",
        "https://www.youtube.com/user/example",
        "https://en.wikipedia.org/wiki/example"
    ]}, {
    "@type": "BreadcrumbList",
    "itemListElement": [{
        "@type": "ListItem",
        "position": "1",
        "item": {
            "@id": "https://www.example.com/",
            "name": "Homepage"
        }
    }]}
]

PS：通常简单地正确格式化代码可以帮助发现这些简单的错误。

Answer 2

要指定多个顶级项目，您有三个选项：

数组

<script type="application/ld+json">
[
  {
     "@context": "http://schema.org",
     "@type": "Organization"
  },
  {
     "@context": "http://schema.org",
     "@type": "BreadcrumbList"
  }
]
</script>

缺点：您必须为每个项目重复 @context。

@graph

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@graph": 
  [
    {
       "@type": "Organization"
    },
    {
       "@type": "BreadcrumbList"
    }
  ]
}
</script>

多个script 元素

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

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

缺点：您必须为每个项目重复 script 元素和 @context。

---

但通常最好只提供一个顶级项，并将其他项嵌套在合适的属性下。但是，这并非在所有情况下都是可能的。

在您的情况下，似乎可以通过添加 WebPage 项目，假设它是组织的页面并且此页面具有此面包屑列表：

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebPage",
  "provider": 
  {
    "@type": "Organization"
  },
  "breadcrumb": 
  {
    "@type": "BreadcrumbList"
  }
}
</script>

（You can achieve the same without nesting：给每个项目一个带有@id的URI，然后将这些URI作为属性值引用。）