面包屑结构化数据示例
一个好的面包屑结构化数据示例,会包含 Google 读取的所有字段:列表类型、每一级的位置、名称和 URL。先参考下面的示例,再在上方工具中输入自己的面包屑路径,就能得到结构相同、内容换成你页面的代码。
把示例变成你自己的标记
-
1
照着行格式输入
每一级写一行,格式为“名称 | URL”,例如第一行写 首页 | https://example.com/。
-
2
依次加入更深的层级
第二行写栏目,最后一行写当前页面,每行都带完整 URL。
-
3
生成
进入结果页,工具会从 1 开始编号,并生成 script 标签。
-
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,这一级就会保留在路径中。
相关工具
UTM 链接构建器
使用 UTM 的 source、medium、campaign、term 和 content 参数构建活动跟踪 URL。生成干净、经过 URL 编码的链接,可直接用于广告和电子邮件通讯。
结构化数据标记验证器
粘贴一段 JSON-LD,即刻检查它能否正确解析,并包含 Schema.org 的核心键:@context、@type 以及 name 或 headline,在发布之前完成检查。
站点地图生成器
粘贴你的网址列表,生成带 changefreq、priority 和可选 lastmod 的有效 XML 站点地图,随时保存并提交到 Search Console。
元标签分析器
审计任意URL的元标签,检测缺失标签、长度异常、Open Graph/Twitter值冲突以及机器人指令配置错误等问题。
安全响应头分析器
粘贴你的 HTTP 响应头,即可获得关于关键安全响应头的优先级建议:Content-Security-Policy、Strict-Transport-Security、X-Frame-Options、Referrer-Policy 等。
SERP 预览
在发布前预览谷歌搜索结果。实时字符计数器会提示过长的标题和元描述,谷歌风格的摘要则展示你的结果实际呈现的样子。
此工具还提供其他语言版本
- ตัวอย่าง Breadcrumb Schema [TH]
- Przykład schematu breadcrumbs [PL]
- Ví dụ về Breadcrumb Schema [VI]
- Contoh Breadcrumb Schema [ID]
- مثال على Breadcrumb Schema [AR]
- Breadcrumb-Schema Beispiel [DE]
- パンくずリスト構造化データの例 [JA]
- Exemplo de Schema de Breadcrumb [PT]
- Ejemplo de esquema de migas de pan [ES]
- 브레드크럼 Schema 예시 [KO]
- Breadcrumb schema exempel [SV]
- Exemple de schéma de fil d'Ariane [FR]
- Breadcrumb schema voorbeeld [NL]
- Breadcrumb Schema Example [EN]
- Esempio di Schema Breadcrumb [IT]
- Пример разметки Breadcrumb Schema [RU]
- Breadcrumb Schema Örneği [TR]