面包屑導航大概是頁面上最容易被忽略的元素之一:一行浅灰色小字,放在标题上方或下方,用戶很少点,編輯也很少维護。但它的作用並不只是“好看”——它是頁面上少數能明确表達“這個頁面属于哪個层級、上級是谁”的顯式信号。
面包屑解决的是归属問题
一個站点可能有几千個頁面,蜘蛛抓到一個 URL 时,看到的是這個頁面本身的标题、正文和連結。如果没有面包屑,它只能通過連結關系去猜這個頁面在站点里的位置。面包屑把這種猜测變成明确的陈述:目前頁属于 B 栏目,B 栏目属于 A 频道。
- 给用戶定位:從搜尋或外鏈直接進来的用戶,能看到自己在站内的位置,知道往上退一步會到哪里。
- 补充内鏈:每個頁面都能通過面包屑連結到上級栏目,减少孤岛頁面。
- 统一层級说法:当目錄结构、栏目名稱和導航文案各说各话时,面包屑往往是唯一一致的口径。
三類常见寫法,和各自的坑
1. 只有“首頁 > 正文”
這是最常见的一種。看起来有面包屑,實际上没有传達任何层級信息,因為中間的栏目被省掉了。原因通常是模板复用了,或者編輯懒得選栏目。處理方式很简單:让面包屑從頁面属性里讀取栏目路径,而不是寫死在模板里。
2. 把篩選條件当成层級
有些站点會把“首頁 > 手机 > 品牌 > 價格区間”全部寫進面包屑,每選一個篩選項就多一层。這样會让面包屑變得又長又碎,並且和 URL 參數一样,容易生成大量近似頁面。篩選结果頁更适合用一句话說明“目前篩選條件”,而不是当作层級节点。
3. 层級與目錄结构不一致
如果目錄是 /a/b/c/,面包屑却寫成“首頁 > 内容 > 全部文章 > 正文”,用戶和蜘蛛都會困惑。面包屑不一定要嚴格等于目錄,但至少要能對應上,別在同一個模板里出現两套说法。
结构化資料要不要加
BreadcrumbList 這類结构化資料可以帮助搜尋引擎理解层級,但加了不等于會被采用,也不會因此获得排名優势。更現實的做法是:先把頁面上的面包屑寫對,再考虑用结构化資料把它标注一遍。如果标注的内容和頁面上顯示的不一致,反而會带来問题。
标注时注意两点:一是最後一項通常是目前頁面,一般不作為連結;二是中間項的名稱要和頁面上的文字對得上,不要為了塞關鍵詞去改文案。
上线前的自查清單
- 随便打開三個不同栏目的頁面,看面包屑的层級是否都正确,而不是统一顯示“首頁 > 正文”。
- 检查面包屑里的中間項是否可点击,点击後能否正常打開對應的栏目頁。
- 確認没有把标簽、篩選參數、搜尋结果頁寫進层級路径。
- 在移動端看是否被折叠或隐藏;如果隐藏了,確認结构化資料是否還在。
- 栏目改名或目錄調整後,面包屑文案是否同步更新。
面包屑不是装饰,也不是關鍵詞的第二個落点。它就是把“這個頁面属于哪里”说清楚,僅此而已。
什么情况下可以不加
單頁應用、工具頁、活動落地頁這類没有明确层級的頁面,硬凑一條面包屑反而顯得別扭。這时可以省略,或者用“返回某某栏目”的單個連結替代。判断标准很简單:如果這條路径對用戶没有指路作用,對蜘蛛也只是噪音。