面包屑導航（Breadcrumb）常被放在頁面顶部或标题上方，看起来只是几個小字和分隔符。但在站点运营里，它承担的是“告诉訪客和蜘蛛，這個頁面在網站结构中的位置”。如果面包屑只是装饰，或者長期不跟着栏目調整更新，它就會從路径指引變成誤導。
面包屑不只是给訪客看的
一個正常工作的面包屑至少解决四件事：
- 用戶定位：訪客從搜尋或外鏈直接落到詳情頁，能知道自己在哪個栏目下，方便返回上一級。
- 结构表達：蜘蛛顺着面包屑可以找到首頁、栏目頁和兄弟頁面，比只靠導航更直观地理解层級。
- 内鏈补充：在不堆砌連結的前提下，给深层頁面增加一條稳定的上行入口。
- 运营核對：栏目合並、改名、迁移时，面包屑是最容易暴露舊路径的地方之一。
常见問题自查
下面這些問题不需要复杂工具，打開頁面就能查。建议挑不同類型頁面各看几個：首頁、栏目頁、詳情頁、标簽頁、作者頁。
- 只有“首頁 > 目前頁”，中間的栏目层被省略，层級被压扁。
- 中間层級是纯文本，不可点击，變成“看得见走不回去”。
- 最後一层是目前頁标题，却仍然给了連結，点一下刷新自己，浪費一次跳轉。
- 面包屑里的分類名和頁面标题、URL 目錄對不上，訪客和蜘蛛看到三套说法。
- 同一篇内容被归到多個栏目时，面包屑随机變化，今天顯示 A 栏目，明天顯示 B 栏目。
- 移動端把面包屑直接隐藏，或者只顯示一行截断，层級信息丢失。
- 面包屑里塞關鍵詞，變成“首頁 > SEO > SEO 優化 > SEO 優化公司 > 目前頁”，可讀性很差。
- 结构化資料里标了 BreadcrumbList，但和頁面上顯示的面包屑不一致。
一份可执行的自查流程
- 從首頁開始，用主導航点進一個二級栏目，再点進一篇詳情頁，记錄實际路径。
- 對照頁面面包屑，看每一层是否與真實路径一致，有没有凭空多出的层級或缺失的层級。
- 逐层点击，確認除目前頁外都能正常到達，並且指向的是規范 URL。
- 查看頁面源代碼，確認面包屑使用了语义化结构（如 nav 加 ol/li），而不是一串 div 拼出来的文本。
- 用键盘 Tab 走一遍，检查焦点顺序和連結可讀性；再用手机看是否被隐藏或換行错乱。
- 對比结构化資料中的层級與頁面顯示是否一致，名稱是否统一。
- 抽查最近改版或迁移過的栏目，看面包屑是否還指向舊目錄或舊栏目名。
實現與维護中的几個注意点
层級要稳定，不要频繁漂移
内容归属多個栏目时，最好确定一個主栏目作為面包屑路径，其他归類通過标簽或相關推荐体現。频繁切換主路径，用戶和蜘蛛都很难建立稳定预期。
名稱用人類可讀的栏目名
面包屑里的每一层尽量使用栏目頁的标题或简称，不要直接用 URL 里的英文缩寫、拼音或參數。比如“站点运营”比“site-operation”更适合展示。
別把它做成第二套導航
面包屑只表達“從首頁到目前頁”的主路径，不适合放入侧邊栏推荐、热门文章、兄弟栏目等連結。那會让层級變模糊，也稀释了它原本的作用。
面包屑導航的價值不在于多一個連結，而在于让頁面层級在頁面上可见、可点、可核對。每次調整栏目结构後，顺手走一遍面包屑，比等到用戶迷路再回头修更省事。