面包屑导航大概是页面上最容易被忽略的元素之一:一行浅灰色小字,放在标题上方或下方,用户很少点,编辑也很少维护。但它的作用并不只是“好看”——它是页面上少数能明确表达“这个页面属于哪个层级、上级是谁”的显式信号。
面包屑解决的是归属问题
一个站点可能有几千个页面,蜘蛛抓到一个 URL 时,看到的是这个页面本身的标题、正文和链接。如果没有面包屑,它只能通过链接关系去猜这个页面在站点里的位置。面包屑把这种猜测变成明确的陈述:当前页属于 B 栏目,B 栏目属于 A 频道。
- 给用户定位:从搜索或外链直接进来的用户,能看到自己在站内的位置,知道往上退一步会到哪里。
- 补充内链:每个页面都能通过面包屑链接到上级栏目,减少孤岛页面。
- 统一层级说法:当目录结构、栏目名称和导航文案各说各话时,面包屑往往是唯一一致的口径。
三类常见写法,和各自的坑
1. 只有“首页 > 正文”
这是最常见的一种。看起来有面包屑,实际上没有传达任何层级信息,因为中间的栏目被省掉了。原因通常是模板复用了,或者编辑懒得选栏目。处理方式很简单:让面包屑从页面属性里读取栏目路径,而不是写死在模板里。
2. 把筛选条件当成层级
有些站点会把“首页 > 手机 > 品牌 > 价格区间”全部写进面包屑,每选一个筛选项就多一层。这样会让面包屑变得又长又碎,并且和 URL 参数一样,容易生成大量近似页面。筛选结果页更适合用一句话说明“当前筛选条件”,而不是当作层级节点。
3. 层级与目录结构不一致
如果目录是 /a/b/c/,面包屑却写成“首页 > 内容 > 全部文章 > 正文”,用户和蜘蛛都会困惑。面包屑不一定要严格等于目录,但至少要能对应上,别在同一个模板里出现两套说法。
结构化数据要不要加
BreadcrumbList 这类结构化数据可以帮助搜索引擎理解层级,但加了不等于会被采用,也不会因此获得排名优势。更现实的做法是:先把页面上的面包屑写对,再考虑用结构化数据把它标注一遍。如果标注的内容和页面上显示的不一致,反而会带来问题。
标注时注意两点:一是最后一项通常是当前页面,一般不作为链接;二是中间项的名称要和页面上的文字对得上,不要为了塞关键词去改文案。
上线前的自查清单
- 随便打开三个不同栏目的页面,看面包屑的层级是否都正确,而不是统一显示“首页 > 正文”。
- 检查面包屑里的中间项是否可点击,点击后能否正常打开对应的栏目页。
- 确认没有把标签、筛选参数、搜索结果页写进层级路径。
- 在移动端看是否被折叠或隐藏;如果隐藏了,确认结构化数据是否还在。
- 栏目改名或目录调整后,面包屑文案是否同步更新。
面包屑不是装饰,也不是关键词的第二个落点。它就是把“这个页面属于哪里”说清楚,仅此而已。
什么情况下可以不加
单页应用、工具页、活动落地页这类没有明确层级的页面,硬凑一条面包屑反而显得别扭。这时可以省略,或者用“返回某某栏目”的单个链接替代。判断标准很简单:如果这条路径对用户没有指路作用,对蜘蛛也只是噪音。