面包屑导航（Breadcrumb）常被放在页面顶部或标题上方，看起来只是几个小字和分隔符。但在站点运营里，它承担的是“告诉访客和蜘蛛，这个页面在网站结构中的位置”。如果面包屑只是装饰，或者长期不跟着栏目调整更新，它就会从路径指引变成误导。
面包屑不只是给访客看的
一个正常工作的面包屑至少解决四件事：
- 用户定位：访客从搜索或外链直接落到详情页，能知道自己在哪个栏目下，方便返回上一级。
- 结构表达：蜘蛛顺着面包屑可以找到首页、栏目页和兄弟页面，比只靠导航更直观地理解层级。
- 内链补充：在不堆砌链接的前提下，给深层页面增加一条稳定的上行入口。
- 运营核对：栏目合并、改名、迁移时，面包屑是最容易暴露旧路径的地方之一。
常见问题自查
下面这些问题不需要复杂工具，打开页面就能查。建议挑不同类型页面各看几个：首页、栏目页、详情页、标签页、作者页。
- 只有“首页 > 当前页”，中间的栏目层被省略，层级被压扁。
- 中间层级是纯文本，不可点击，变成“看得见走不回去”。
- 最后一层是当前页标题，却仍然给了链接，点一下刷新自己，浪费一次跳转。
- 面包屑里的分类名和页面标题、URL 目录对不上，访客和蜘蛛看到三套说法。
- 同一篇内容被归到多个栏目时，面包屑随机变化，今天显示 A 栏目，明天显示 B 栏目。
- 移动端把面包屑直接隐藏，或者只显示一行截断，层级信息丢失。
- 面包屑里塞关键词，变成“首页 > SEO > SEO 优化 > SEO 优化公司 > 当前页”，可读性很差。
- 结构化数据里标了 BreadcrumbList，但和页面上显示的面包屑不一致。
一份可执行的自查流程
- 从首页开始，用主导航点进一个二级栏目，再点进一篇详情页，记录实际路径。
- 对照页面面包屑，看每一层是否与真实路径一致，有没有凭空多出的层级或缺失的层级。
- 逐层点击，确认除当前页外都能正常到达，并且指向的是规范 URL。
- 查看页面源代码，确认面包屑使用了语义化结构（如 nav 加 ol/li），而不是一串 div 拼出来的文本。
- 用键盘 Tab 走一遍，检查焦点顺序和链接可读性；再用手机看是否被隐藏或换行错乱。
- 对比结构化数据中的层级与页面显示是否一致，名称是否统一。
- 抽查最近改版或迁移过的栏目，看面包屑是否还指向旧目录或旧栏目名。
实现与维护中的几个注意点
层级要稳定，不要频繁漂移
内容归属多个栏目时，最好确定一个主栏目作为面包屑路径，其他归类通过标签或相关推荐体现。频繁切换主路径，用户和蜘蛛都很难建立稳定预期。
名称用人类可读的栏目名
面包屑里的每一层尽量使用栏目页的标题或简称，不要直接用 URL 里的英文缩写、拼音或参数。比如“站点运营”比“site-operation”更适合展示。
别把它做成第二套导航
面包屑只表达“从首页到当前页”的主路径，不适合放入侧边栏推荐、热门文章、兄弟栏目等链接。那会让层级变模糊，也稀释了它原本的作用。
面包屑导航的价值不在于多一个链接，而在于让页面层级在页面上可见、可点、可核对。每次调整栏目结构后，顺手走一遍面包屑，比等到用户迷路再回头修更省事。