Breadcrumb Schema 面包屑导航怎么做？搜索结果中的路径展示

2026-09-13 · 谷歌SEO

搜索结果标题下方那行"首页 > 博客 > 教程"就是面包屑路径。它不需要任何代码也能出现（Google 会自动生成），但标注了 Breadcrumb Schema 之后，路径更可控、层级更正确。这篇教程讲面包屑结构化数据的写法与部署。快速生成用 Schema 结构化数据生成器。

面包屑富摘要的收益

搜索结果里的面包屑有三个作用：让用户理解页面在站内的位置 （来自站内、可信度更高）、让路径更精确（避免 Google 自动猜错层级）、 提升视觉可读性。对目录层级复杂的内容站尤其有用。

BreadcrumbList 的结构

面包屑 Schema 固定的三层结构：BreadcrumbList → ItemList 元素数组 → 每项 WebPage + 名称 + 位置。核心是 position（第几层）与 item（链接）：

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "首页",
      "item": "https://www.cqqzx.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "行业笔记",
      "item": "https://www.cqqzx.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Breadcrumb Schema 教程",
      "item": "https://www.cqqzx.com/blog/breadcrumb-schema.html"
    }
  ]
}

注意：position 从 1 开始连续编号，item 用与页面导航一致的完整 URL。生成器里选 BreadcrumbList 类型，逐行填"名称 + 链接"即可。

什么时候该手动加 Breadcrumb Schema

两种场景值得加：一是站点导航层级没被 Google 读懂，搜索结果里面包屑反复猜错或缺失；二是目录很深（如商城分类 → 子类 → 商品），手动声明能消除歧义。单层小店可以不加——Google 自动生成反而省事。

面包屑要跟页面真实导航一致

Google 明确要求：结构化数据里的路径应与页面可见的面包屑导航一致。代码写"首页 > 商品"而页面上根本没有商品链接，属于不一致标记，可能被忽略（错误清单里也有这一条，见 Schema 常见错误）。

与 Category 页、商品页的配合

电商站层级通常是"首页 → 分类 → 子分类 → 商品"。每个页面声明当前路径，比如商品页就是 4 层。跨境电商独立站还可以在此之上叠加 Product Schema，让搜索结果同时显示路径、价格与评分（全链路清单见跨境电商 Schema 应用清单）。

部署与验证

1. 生成 BreadcrumbList 代码，部署到对应页面
2. 全站统一路径规则（分类名、大小写、URL 保持一致）
3. Rich Results Test 验证，确认面包屑富摘要可提取

面包屑标记代码量小、出故障影响面也小（不展示而已），是新手练手结构化数据最安全的类型。

三层以内的小站要不要配

只有首页 → 文章两层的个人站或展示站，Google 自动生成的面包屑通常已经足够准确，额外配置收益有限。判断标准不是"页面数"，而是导航层级的歧义程度：层级浅、路径唯一，可以跳过；层级深、同一页面可从多个路径进入，就值得手动声明标准路径。

比如商品既在"热销"也在"新品"栏目下，Google 自动生成时可能不确定显示哪条路径，这时 BreadcrumbList 里明确的"首页 → 分类 → 商品" 就能消除歧义。

配置时坚持"代码与页面可见导航一致"，路径规则统一（分类名、大小写、URL 形态保持一致），即可长期低维护运行。

面包屑与移动端体验

移动端搜索里，面包屑距离更短、字号更小，但作用不减—— 它让用户在没有完整导航的移动搜索结果页里快速判断 "这个页面属于哪个站点层级"。配上规范的 BreadcrumbList，移动端也能展示清晰路径。

同时别忘了一个细节：页面上可见的面包屑导航本身（HTML 里的 "首页 / 栏目 / 当前页"）也要保留，不能只写 Schema 不写可见导航，两者必须一致。想进一步优化移动端展示，还可以把 Article 大图与面包屑搭配，让搜索结果在手机上视觉更完整。

再分享一个细节：面包屑里的"当前页"这一环，有的站写页面标题、有的站写"当前页"，建议统一写页面真实标题的短版，与 H1 保持一致。这样用户在搜索结果的路径里看到的最后一环与点击进入后的页头一致，体验顺滑，也符合内容一致性原则。配合站内导航的层级清晰，全站面包屑 Schema 就能长期低维护运行。

小结

Breadcrumb Schema = 把"页面在站内的真实路径"告诉搜索引擎。层级深、路径常被猜错的站优先配置。生成交给工具： → 打开 Schema 生成器，选 BreadcrumbList 类型，10 分钟配置全站面包屑。