面包屑導航常被当成頁面顶部的一條装饰,但它其實是站内唯一一條顯式声明“我在哪一层”的路径。對用戶来说它省一次返回,對搜尋引擎来说它是理解栏目归属、判断頁面關系的重要线索。很多站点的問题不在内容质量,而在面包屑和真實层級各说各话。
先分清三種常见的面包屑
- 层級型:首頁 > 栏目 > 子栏目 > 詳情頁,反映站点目錄结构。
- 属性型:常见于电商,首頁 > 分類 > 品牌或價格区間,反映篩選路径。
- 路径型:记錄用戶点击轨迹,只對用戶有用,不适合做结构化标记。
内容站、文档站多數用层級型,电商通常在层級型之後接属性型。先想清楚自己用的是哪一種,再决定要不要輸出 BreadcrumbList 结构化資料。
三類高频問题
1. 面包屑层級與 URL 目錄不一致
URL 是 /a/b/c/,面包屑却寫成“首頁 > 栏目 X”。蜘蛛會收到两套互相矛盾的层級信号。改版、迁移後最容易出現這種情况,建议在改版清單里加一條:面包屑與 URL 目錄逐個核對。
2. 中間层缺失或不可点
常见的是最後一层寫成纯文本,倒數第二层也做成不可点击的 span。层級型面包屑的每一层都應是可以訪問的連結(目前頁可除外),否則那條“路”是断的。
3. 移動端直接隐藏
用 CSS 隐藏和用 JS 不渲染是两回事。display:none 通常仍會被解析,但如果面包屑本身在首屏渲染之外、依赖交互才出現,就有風險。稳妥做法是服務端直出,再用样式控制顯示方式。
自查清單
- 第一层是否指向首頁,且带正确連結。
- 层級名稱與栏目名、導航名是否一致,別在同一层出現三種叫法。
- 頁面上是否只有一條面包屑,没有重复輸出两份。
- 结构化資料里的 itemListElement 顺序是否從一級排到目前頁。
- 面包屑連結的目标是否與栏目頁 canonical 指向的版本一致。
- 用抓取工具或浏览器無 JS 模式看一眼,確認拿到的是完整文本。
顺带检查层級深度
面包屑往往能暴露另一個問题:号称三級栏目,實际要经過五层跳轉才能到達。把面包屑的實际路径和導航路径對照一遍,如果两者差距很大,說明要么導航太浅,要么目錄太深,需要對齐。
面包屑不是给頁面“加個装饰”,而是把目錄结构用文字再说一遍。它和 URL、導航、站点地图讲的應该是同一個故事。
最後提醒一句:层級調整涉及大量 URL 變動时,先做好重定向映射和站点地图更新,再统一改面包屑,尽量避免三者分批上线。