面包屑导航是标明当前页面在网站层级结构或用户浏览路径中所处位置的一组链接,比如"首页 > 分类 > 当前页",通常展示在页面主要内容附近,方便用户理解自己现在在网站的哪个层级、并能跳回任意一级上级页面。

两层实现:视觉展示 + 结构化数据

完整的面包屑导航通常有两层:一层是页面上用户可见的那一行链接,供用户直接点击使用;另一层是 BreadcrumbList 结构化数据标注,专门写给搜索引擎看。只做视觉展示,没有配合结构化数据,页面就没有资格在搜索结果里展示面包屑路径;但即使加了结构化数据标注,也只是获得了展示资格,Google 仍会综合判断是否真的采用,不是加了就一定会显示,目前这类面包屑搜索结果外观也主要出现在桌面端搜索结果里。结构化数据里声明的层级关系应该和页面上用户实际看到的可见导航保持一致,如果两者矛盾,可能被视为误导信息。

对用户和爬虫的价值

对用户来说,面包屑导航降低了在层级较深的网站里迷路的概率,也提供了比"点击浏览器后退按钮"更精确的返回路径;对爬虫来说,面包屑本身也是一种内链,有助于理解页面之间的层级关系。

常见的搭建方式

大部分主流 CMS 和电商平台都内置或有插件支持自动生成面包屑导航及对应的结构化数据,通常只需要按网站的分类层级结构正确配置好页面归属关系,面包屑就能自动跟着生成,不需要为每个页面手写。