很多站点在模板里塞了一条“首页 > 栏目 > 文章”的横条，然后几年不再看它。它不报错、不影响打开速度，看起来可有可无。但面包屑同时承担三件事：告诉访客自己在哪一层、给站内提供一组固定内链、给搜索引擎提供一份现成的层级说明。这三件事只要有一样错了，页面结构就会变得含糊。

先把面包屑的职责说清楚

面包屑不是导航菜单的缩小版，也不是堆关键词的地方。它只需要回答一个问题：当前页面在站点的哪个位置。所以判断一条面包屑是否合格，标准不是“看起来好看”，而是它描述的层级是否和实际栏目结构、URL 路径、页面内容三者一致。

层级要和栏目结构对齐

如果 URL 是 /tools/compress/image/，面包屑却写成“首页 > 图片工具 > 文章标题”，中间少了一层，访客点进去会发现栏目页里根本没有对应内容。自查时把最近发布的一批页面拉出来，逐条对照 URL 路径、栏目页实际位置和面包屑文本，不一致的地方优先修。

每一项是否真的能点

• 除最后一项外，其余层级都应是可点击链接，且指向真实可访问的页面。
• 最后一项是当前页面自身，通常不设链接；如果设了，点击后应停留在原页面而不是跳走。
• “首页”不要重复出现两次，也不要省略，否则层级起点就断了。

文字要让人和机器都看得懂

常见问题是直接输出栏目 ID、拼音缩写或者英文别名，例如“首页 > news2 > 文章标题”。这类文本对访客没有信息量，也浪费了锚文本。建议统一使用与栏目页标题一致的名称，长度控制在十几个字以内，过长可以适度缩写，但不要缩到看不懂。

面包屑里的每一个链接都是一次站内指向。文字模糊、指向错误的链接，比不放面包屑更容易造成混淆。

移动端不要直接隐藏

窄屏下把面包屑整条隐藏很省事，但也让移动访客失去位置感。更稳妥的做法是保留第一层和最后一层，中间用省略号折叠，或者允许横向滚动。改动后记得在真机上点一遍，确认折叠后的链接仍然可点。

结构化数据要和可见文本一致

如果页面标注了 BreadcrumbList，里面的 name 和 item 应与页面上能看到的层级一致。不要出现页面上显示三级、数据里写五级的情况。顺带检查 item 的 URL 是否为绝对地址、是否可直接访问。标注本身不保证任何展示效果，但数据与页面打架时，这份数据就没有意义了。

一份可以照着做的自查清单

1. 抽取 20 个不同类型的页面（首页、栏目页、详情页、标签页），导出它们的面包屑 HTML。
2. 检查层级数量：一般 2 到 4 层比较常见，超过 5 层说明栏目结构可能需要压缩。
3. 逐个点击面包屑链接，确认没有 404、没有多余跳转、没有跳到不相关页面。
4. 核对文本与目标栏目页标题是否一致。
5. 在手机、平板、桌面三种宽度下截图对比，确认折叠逻辑正常。
6. 把页面上的面包屑和结构化数据字段做一次人工比对。
7. 记录本次发现的问题和修改时间，下次复查直接看这份记录。

几个容易忽略的小地方

• 标签页、搜索结果页这类聚合页面是否适合出现面包屑，需要单独判断，它们往往不在主栏目树里。
• 频道改版后旧面包屑可能指向已经下线的栏目，改版时把模板一起过一遍。
• 面包屑不要放进页面的主标题区域，避免和 H1 抢层级；它更适合放在导航下方、正文之上。

面包屑是一次性投入、长期受益的小组件。模板改一次，全站页面跟着更新；但如果一直没人核对，它也会安静地指错几年。把它列进你的站点结构检查项，和站点地图、内链、URL 命名放在一起看，通常能顺带发现其他层级的毛病。