網站上的麵包屑導覽列 (Breadcrumb) 在視覺上只是一個配角，但對於使用便利性與搜尋引擎在檢索、理解網站內容時卻是非常重要又有效的功能。小小的麵包屑，究竟如何幫助你的網站提升搜尋引擎友好度呢？
麵包屑導覽列是什麼？
在百貨公司逛街時，卻沒有一個指標告訴你現在處於哪一區哪層樓，會不會覺得很煩躁呢？麵包屑是在各大網站上都會有的基本功能，以最近互相廝殺的電商平台蝦皮拍賣與 PChome 商店街為例，在商品的上方都會出現有很多個箭頭組合成的文字列。這些文字讓你能快速了解這商品究竟是被劃分到哪一分類中，若要找同類型商品，只要透過麵包屑上的文字超連結就能快速前往上一層級的分類頁。
麵包屑對SEO好重要、好重要、好重要啊！
網站就如一棟百貨公司，裡面包羅萬象，網頁依照規模從數十頁到數千數萬頁都有可能，若沒有好好的規劃環境「導覽列指標」，使用者與搜尋引擎的爬蟲可是會在網站內迷路了。尤其想要進行 SEO 的電商來說，若是讓爬蟲迷路了，爬蟲可是會耍性子沒有耐性待在你的網站裡，會影響你的網頁收錄。要是搜尋引擎的資料庫裡沒有你的網頁 (或是更新後的內容資料)，連被提名的機會都沒有了，要怎麼競爭關鍵字的最高首位呢？
- 幫助使用者與搜尋引擎理解目前位置
- 可透過麵包屑的超連結，回到主分類頁，提高網頁易用性
- 在搜尋引擎結果頁上有突出的表現方式
另外有好好設計麵包屑的話，在搜尋結果頁上 (SERP) 也會出現跟別人有差異的顯示效果，更顯得你的網頁的獨特性。
麵包屑如何讓搜尋引擎爬蟲不迷航？
要把網站想成一棟百貨公司，百貨公司的每一樓層每一區每一櫃都會有他的分配邏輯性。以 Yahoo 超級商城網站為例，麵包屑可以幫助搜尋引擎理解「喔原來——我現在女裝的ＯＯ區的ＯＯ品牌櫃上啊」，讓搜尋引擎理解目前網頁在整體網站的相對位置，以及也可藉由麵包屑的文字內容初步了解目前網頁的內容。就像是面試履歷追求只寫出精華重點就好，麵包屑，就是最簡單的重點！
麵包屑的SEO優化重點
麵包屑雖然小，卻是 SEO 的大重點。以下有幾個優化重點：
- 每一階層的文字要簡潔簡短，不宜過長
- 每一階層的連結都必須是有效連結
- 建議含首頁的階層數不超過 5 層(特別是關鍵字的著陸頁所處的階層數不宜過深)
麵包屑就只要是麵包屑就好了嗎？
這個問題，好像是麵包屑的人生哲學題啊。俗話說的好，見人說人話，見搜尋引擎當然要說機器聽得懂的話。搜尋引擎的爬蟲在爬網頁時，在他的眼裡面並不是像我們一樣看到七彩繽紛有圖有文的網頁內容，而是一堆原始碼。而在之中，要讓搜尋引擎知道「我是麵包屑、選我選我！！」的話，則必須增加「結構化標記」，讓搜尋引擎能一眼辨識出麵包屑的尊貴不凡，讀取麵包屑的文字。
讓麵包屑更上一層：增加結構化標記
上面提到的，搜尋引擎看的是原始碼，因此要加上結構化標記。麵包屑的結構化標記現在支援兩種標記方式，一個是Microdata，另一個是JSON-LD方式。設定後可使用Google 結構化資料測試工具確認是否撰寫錯誤。
結構化標記：Microdata
標記重點
- 需跟隨html標籤一同出現
結構化標記：JSON-LD
標記重點
- 是Javascript格式，放在網頁的哪一邊都可以
- 可以不出現在前臺，若對於網頁視覺有特殊規劃的人可以選用JSON-LD
Google 官方資料：Breadcrumb | Search | Google Developers
結語：不能小看麵包屑對SEO的正面影響力
以awoo的觀點來看，兩種的編寫方式，並沒有哪個好哪個壞。只要有良好的麵包屑導覽列與正確的結構化標記，就能讓搜尋引擎理解麵包屑的語意並給予好的評價。做好SEO就先從網站的麵包屑開始做優化吧。
