面包屑结构化数据示例

每行一项:名称 | URL

一个好的面包屑结构化数据示例,会包含 Google 读取的所有字段:列表类型、每一级的位置、名称和 URL。先参考下面的示例,再在上方工具中输入自己的面包屑路径,就能得到结构相同、内容换成你页面的代码。

把示例变成你自己的标记

  1. 1

    照着行格式输入

    每一级写一行,格式为“名称 | URL”,例如第一行写 首页 | https://example.com/。

  2. 2

    依次加入更深的层级

    第二行写栏目,最后一行写当前页面,每行都带完整 URL。

  3. 3

    生成

    进入结果页,工具会从 1 开始编号,并生成 script 标签。

  4. 4

    与示例对照

    检查输出的键是否与示例一致,然后点击复制按钮。

三级页面的完整示例

假设有一篇博客文章,地址是 https://example.com/blog/breadcrumb-basics/。页面上可见的路径是:首页、博客、面包屑入门。在工具中这样输入:

首页 | https://example.com/
博客 | https://example.com/blog/
面包屑入门 | https://example.com/blog/breadcrumb-basics/

生成的输出如下:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "首页",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "博客",
      "item": "https://example.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "面包屑入门",
      "item": "https://example.com/blog/breadcrumb-basics/"
    }
  ]
}
</script>

各部分的作用

字段 含义
@context 告诉解析器所用词汇表是 schema.org。
@type: BreadcrumbList 声明这个块描述的是一条路径。
itemListElement 按顺序排列各级的数组。
position 层级序号,最顶层为 1。
name 路径中显示的标签。
item 该层级的 URL。

如何调整示例

顺序保持从网站顶层到当前页面。使用访客在页面面包屑上看到的同样标签,并写出带协议的完整 URL。缺少名称或 URL 的行会被跳过,因此编号不会出现断档。工具也会为最后一级写出 URL,这是有效的标记。

层级更深的页面,只需增加行数。深度为 5 的商品页,就有 5 个条目,position 为 1 到 5。

阅读你自己的输出

生成之后,从上到下与示例逐项对照。第一项应是位置 1 的首页,最后一项应是放置该标记的页面本身及其 URL。如果某个名称不对,回去修改那一行再生成即可,其他内容不用动,编号由工具自动更新。

对于层级更浅的页面,例如首页下直接的“关于我们”页,示例会缩减为两个条目。结构始终不变,变化的只是 ListItem 的数量,而数量由工具处理。

常见问题

只有把名称和 URL 换成你自己的之后才可以。example.com 只是占位符,指向不存在的页面或与可见路径不符的标记可能会被忽略。

页面有几级就写几级,通常是 2 到 5 级。工具对行数没有限制。

因为结果是可直接粘贴的 application/ld+json 类型代码块。把它放在页面的 head 或 body 中即可,不要再用其他标签包裹。

该行会被跳过,也不占编号。在竖线后补上 URL,这一级就会保留在路径中。

相关工具

此工具还提供其他语言版本

使用指南与应用场景