更新時間：2025-05-03 11:10:15
開發經驗
684網站上的面包屑導航（Breadcrumb）在視覺上只是一個配角，但對于使用便利性與搜索引擎在檢索，理解網站內容時卻是非常重要又有效的功能。 幫助你的網站提升搜索引擎友好度！
面包屑導航是什么？
在商場逛時，卻沒有一個指示、標識告訴你現在處于哪一區哪一層樓，會不會覺得很懵逼呢？面包屑是在各大網站上都會有的基本功能，以最近互相廝殺的電商 蝦皮平臺與PChome平臺為例，在商品的上方都會出現有很多個箭頭組合成的文字列。這些文字讓你能快速了解這商品究竟是被劃分到哪一分類中，若要找同類型 商品，只要通過面包屑上的文字超鏈接即可快速前往上一層級的分類頁。
面包屑對SEO很重要，很重要，很重要！
網站就如一棟商場，里面包羅萬象，網頁遵循規模從幾頁到幾頁萬頁都有可能，若沒有好好的規劃環境“導航”，用戶與搜索引擎的爬蟲可是會在 網站內迷路。尤其想要進行SEO的電商來說，若是讓爬蟲迷路了，爬蟲可是會耍性子沒有耐性待在你的網站里，會影響你的網頁收錄。要是搜索引擎的索引庫里沒有 你的網頁（或是更新后的內容資料），連被任命的機會都沒有了，要怎么競爭關鍵詞的最高首位呢？
幫助用戶與搜索引擎理解目前位置
可通過面包屑的超鏈接，回到主分類頁，提高網頁易用性
在搜索引擎結果頁上有突出的表現方式
另外有好好設計面包屑的話，在搜索結果頁上（SERP）也會出現跟別人有差異的顯示效果，更容易引起你的網頁的獨特性。
面包屑如何讓搜索引擎爬蟲不迷路？
要把網站想成一棟商場，商場的每個規模每個區每個柜都會有他的分配邏輯性。以Yahoo超級商城網站為例，面包屑可以幫助搜索引擎理解“喔原來-現在女裝在ＯＯ區的ＯＯ品牌柜上啊”，讓搜索引擎了解目前網頁在整體網站的相對位置，以及也可以通過由面包屑的文字內容初步了解現有網頁的內容。就像是面試建立追求只寫出精華重點就好，面包屑，就是最簡單的重點！
面包屑的SEO優化重點
面包屑雖然小，卻是SEO的大重點。以下有幾個優化重點：
每一層級的文字都要簡潔，不宜過長
每一層級的鏈接都必須是有效鏈接
建議含家居的層級數不超過5層（特別是關鍵字的著陸頁所處的層級數不宜過深）
面包屑就只要是面包屑就好了嗎？
這個問題，好像是面包屑的人生哲學題啊。俗話說的好，見人說人話，見搜索引擎當然要說機器聽得懂的話。搜索引擎的爬蟲在爬網頁時，在他的眼里面并不是像我們一樣看到七彩繽紛有圖有文的網頁內容，而是一堆源代碼。而在之中，要讓搜索引擎知道「我是面包屑，選我選我！！」的話，則必須增加「結構化標記」，讓搜索引擎能一眼辨認出面包屑的尊貴不凡，讀取面包屑的文字。
讓面包屑更上一層：增加結構化標記
上面提到的，搜索引擎看的是源代碼，因此要加上結構化標記。面包屑的結構化標記現在支持兩種標記方式，一個是Microdata，另一個是jsON-LD方式。設定后可使用 google結構化資料測試工具確認是否編寫錯誤。
結構化標記：Microdata
標記重點
需跟隨html標簽一同
結構化標記：JSON-LD
標記重點
是Javascript格式，放在網頁的哪一邊都可以
可以不出現在前端，如果對于網頁視覺有特殊規劃的人可以選擇JSON-LD
我們專注高端建站，小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！
