麵包屑導航（Breadcrumb Navigation）就是出現在網頁上方那一排「首頁 ＞ 分類 ＞ 你現在這一頁」的路徑連結。它讓你一眼看出自己正站在網站的哪個位置，也能一鍵跳回上層分類繼續逛。
這篇文章會用新手角度說明：麵包屑導航是什麼、它怎麼運作、實際上要怎麼設定、有哪些常見迷思。
重點速覽
- 麵包屑常見有階層式、屬性式、歷史式三種，新手多數情況選「階層式」就對了。
- 想讓搜尋引擎也讀懂這條路徑，要用
BreadcrumbList結構化資料標記，官方建議用 JSON-LD。 - 加了麵包屑不會讓排名直接上升，它的價值在改善使用者體驗與幫搜尋引擎理解網站結構。
麵包屑導航是什麼？
先給定義：麵包屑導航是一種「輔助性」的次要導覽，用一串連結顯示目前頁面在網站層級中的位置，通常從首頁開始，一層層往下，最後停在你正在看的這一頁。
它的名字來自童話《糖果屋》：兄妹沿路撒下麵包屑，好沿著屑屑找到回家的路。
當你想讓搜尋引擎也讀懂這條路徑，就會用一種叫 BreadcrumbList 的結構化資料來標記它。
依 Google Search Central 官方文件，BreadcrumbList 是「一連串有連結的網頁所組成的清單」，至少要包含兩個 ListItem（清單項目），每一項用 position（順序）、name（名稱）、item（網址）來描述。
Google 會用這個標記，把頁面內容歸類，並可能在搜尋結果中以麵包屑路徑的形式呈現，取代或補充標題底下那串網址。
換句話說，麵包屑同時對「人」與「機器」說話：對人是指路，對搜尋引擎是說明你網站的分類層級。
用白話文怎麼說？
你可以把麵包屑想成逛百貨公司時，每層樓電梯口那塊指示牌：「B1 美食街 ＞ 日式料理 ＞ 拉麵店」。
它不是要取代整棟樓的樓層總表，而是隨時提醒你「現在站在哪、上一層是什麼、想回頭往哪走」。
你可以這樣記：主選單像整張地圖，麵包屑則像地圖上那個「您在這裡」的小箭頭。地圖負責讓你看見全貌，箭頭負責讓你不迷路。
麵包屑導航實際上要做什麼？
實務上，麵包屑要同時顧到兩個層次：給人看的「畫面上的麵包屑」，以及給機器看的「BreadcrumbList 結構化資料」。在動手之前，先認識它常見的三種類型：
| 類型 | 長相 | 適用情境 |
|---|---|---|
| 階層式（Location-based） | 首頁 ＞ 鞋類 ＞ 籃球鞋 | 最常見、最推薦，照網站分類層級顯示 |
| 屬性式（Attribute-based） | 首頁 ＞ Nike ＞ 黑色 ＞ US 9 | 電商常用，照商品屬性（品牌、顏色、尺寸）顯示 |
| 歷史式（History-based） | 首頁 ＞ 上一頁 ＞ 這一頁 | 很少用，瀏覽器的「上一頁」已能取代 |
為什麼歷史式很少用？因為瀏覽器本來就有「上一頁」按鈕能做同樣的事，而且從 Google 搜尋直接點進來的訪客，根本沒有瀏覽歷史可顯示。
新手大多數情況選「階層式」就對了。接著照這個流程設定：
- STEP 1 先把網站分類規劃清楚：麵包屑只是把既有層級「顯示出來」，前提是你的分類本身合理、不混亂。
- STEP 2 在內頁放上看得見的麵包屑：多數網站系統（例如 WordPress）的佈景或 SEO 外掛內建這功能，開啟即可。
- STEP 3 補上
BreadcrumbList結構化資料：建議用 JSON-LD；Google 也支援 Microdata 與 RDFa，但官方優先推薦 JSON-LD，因為較好導入與維護。 - STEP 4 驗證語法：用 Google 的「複合式搜尋結果測試（Rich Results Test）」檢查有沒有寫錯。
- STEP 5 上線後追蹤：到 Google Search Console 的「麵包屑」報表，看有沒有被偵測到、有沒有錯誤。
一段最精簡的麵包屑標記，大致長這樣：
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "首頁", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "SEO 教學", "item": "https://example.com/seo/" }
]
}三個實用原則記起來：路徑深度抓 3～5 層就好；麵包屑要反映「使用者實際會走的路徑」，不必死照網址結構；最後一層（也就是目前這一頁）通常不必再放成連結。
關於麵包屑導航的常見迷思
迷思一：加了麵包屑，排名就會直接上升
不會。Google 並沒有把麵包屑列為直接的排名因素。
它真正的價值在於改善使用者體驗、幫搜尋引擎理解網站結構，並讓你「有資格」在搜尋結果顯示麵包屑路徑，間接可能提升點閱與瀏覽深度，而不是按一下就讓排名往上跳。
迷思二：麵包屑就是把網址原封不動搬出來
不一定。Google 明確建議：麵包屑應該反映「使用者抵達這頁的典型路徑」，不必硬照網址（URL）結構。
網址怎麼長是一回事，麵包屑要對「人」有意義是另一回事，兩者可以不一樣。
迷思三：有了麵包屑，就不用做主選單了
錯。麵包屑的定位是「輔助」導覽，本來就該次要、低調。它補強主選單，而不是取代它。
視覺上麵包屑應該比頁面標題、主選單更淡、更小，不該搶走版面焦點。
迷思四：每一頁包含首頁都要放麵包屑
通常首頁不必放。首頁就是路徑的起點，自己指向自己沒有意義。
麵包屑是在「有層級的內頁」——分類頁、文章頁、商品頁——才真正派得上用場。
總結
如果只記一句話：麵包屑導航就是網頁上那條「您在這裡」的路徑——對人是指路，對搜尋引擎是說明你網站的層級。
新手可以記住三件事。
- 第一，先把網站分類整理清楚，只有分類本身合理，麵包屑才有意義。
- 第二，在內頁放上看得見的階層式麵包屑，並用 JSON-LD 補上
BreadcrumbList結構化資料。 - 第三，用 Rich Results Test 驗證語法，上線後到 Search Console 的麵包屑報表追蹤，別誤擋或寫錯。
