面包屑導航常被当成頁面顶部的一行装饰,删掉似乎也不影响阅讀。但它實际承担两件事:告诉訪客目前頁面在站内處于什么位置,给搜尋引擎一條從栏目頁到詳情頁的稳定路径。這两件事任缺其一,用戶容易迷路,蜘蛛也容易把同一篇内容理解成挂在多個不相關的栏目下。
面包屑传递的三层信息
- 层級:目前頁面属于哪個栏目、哪個子栏目,顺序是否與站内實际结构一致。
- 归属:這篇内容的主归属應当唯一,其他入口只作為交叉引用,而不是平級的第二归属。
- 可回溯:每一級都能点回列表頁,用戶和蜘蛛都能沿着它繼續向上爬。
只要其中一层缺失,面包屑就從導航工具退化成装饰文字。
四類常见問题
层級與 URL 路径對不上
頁面地址是 /news/2024/xxx,面包屑却寫成“首頁 > 行业观察 > 正文”。路径和面包屑各说各话时,蜘蛛看到的是两套结构。改版、換栏目名、調整 URL 規則之後,最容易留下這種错位。建议以 URL 路径為准校對一遍,或者反過来统一調整路径,让两者重新對齐。
一篇内容被挂到多個栏目
同一篇稿子同时出現在“行业资讯”和“公司動態”里,两邊面包屑都寫自己才是上級。此时應指定一個主栏目,另一處用連結引用或做聚合頁,避免两套面包屑互相竞争。多語言、多地区站点同理,切換語言後要確認面包屑也切換成了對應語言的分支,而不是停留在預設語言。
最後一級做成了連結
目前頁标题不该再指向自己。這會让蜘蛛多抓一次自我循环的連結,用戶点了也没有任何反應。最後一級用纯文本或 strong 表示即可,视觉上同样能区分。
移動端直接隐藏
小屏空間紧張,直接 display:none 是最省事的做法,但也會让窄屏用戶失去返回路径。更稳的做法是保留“上一級”這一條,配合返回按钮使用,而不是整块删掉。
一次可执行的检查清單
- 抽查 10 個不同栏目下的詳情頁,核對面包屑顺序與 URL 路径是否一致。
- 確認每篇内容的主归属栏目只有一個,交叉入口不複製面包屑。
- 检查最後一級是否為不可点文本。
- 检查面包屑是否出現在 HTML 源碼里,而不是靠脚本渲染後才补上。
- 检查篩選頁、分頁頁、带參數頁是否也生成了面包屑,必要时让它們指向干净的列表頁。
- 確認移動端仍保留至少一級回退路径。
與结构化資料保持一致
如果给面包屑加了 BreadcrumbList 标记,标记里的名稱、顺序、連結要和頁面上可见的面包屑一致。常见毛病是頁面上改了栏目名,标记里還是舊名字;或者标记寫了四級,頁面上只顯示三級。两者不一致时,搜尋引擎更倾向相信自己看到的那份,标记就成了無效信息。
改版與迁移时的注意点
栏目合並、改名、拆分的阶段,面包屑最容易失控。建议先确定新的层級表,再统一替換模板,最後抽查舊地址的重定向目标頁,確認落地頁的面包屑指向的是新结构,而不是已经废弃的老栏目。舊栏目地址如果還留在面包屑里,蜘蛛顺着点進去,很可能落到失效頁面或重定向鏈上。
面包屑不需要花哨,它只需要做到一件事:让從任何一层進入頁面的人,都能沿着同一條线回到该去的地方。层級清楚,归属唯一,路径可回溯,這三点做到,剩下的都是细节。