什麼是「面包屑導航」?
「面包屑導航」(Breadcrumbs)是一種網站路徑提示元件,通常會顯示在文章或產品頁的最上方,像這樣:
首頁 > 保健知識 > 口腔健康 > 牙齦發炎原因
這種導覽方式,就像童話故事「糖果屋」裡主角用麵包屑記錄回家的路。
對於使用者來說,它能清楚告訴你目前的位置、上層分類;
對 Google 來說,它是一種「結構性標記語意提示」,有助於理解網頁主題與站內關聯性。
為什麼對 SEO 這麼重要?
Google 在其官方 SEO 文件中明確指出:
「Breadcrumb navigation allows users to navigate a site hierarchy and provides context to the current page. Google Search uses breadcrumb markup in the body of a web page to categorize the information.」
翻譯重點如下:
• 有助於「理解頁面分類」
• 可以在搜尋結果中以「分類路徑」形式顯示
• 提升網站整體語意結構與內容的權重分布
也就是說:不裝 breadcrumb,等於放棄幫網站做站內SEO語意分類的機會。
面包屑對網站的好處
舉例一:「牙齦發炎保健網站」
假設有這樣一篇文章標題:「牙齦發炎反覆出血怎麼辦?4種日常護理方法」
若網站架構如下:首頁 > 牙齒健康 > 牙齦發炎 > 牙齦反覆出血的處理方法
這種路徑不僅能幫助使用者「回到上一層閱讀其他相關內容」,
Google 也能明確知道「這一頁是屬於牙齒健康 → 牙齦發炎這個主題下」。
舉例二:「長新冠預防網站」
首頁 > 呼吸系統保健 > 長新冠 > 長新冠症狀與保健指南
不只提升頁面 SEO 語意,也可以在 SERP(搜尋結果頁)中呈現:長新冠預防 – 呼吸系統保健 – 保健知識|網站名稱
這種格式,比單純一串標題還更具吸引力與點擊率!
舉例三:「葉黃素補充建議」
首頁 > 眼睛保健 > 葉黃素 > 葉黃素與藍光防護
用戶可以更輕鬆找到「眼睛保健」這個分類下的其他相關文章,停留時間延長、跳出率下降,也強化 Google 對主題的識別。
如何在 WordPress 裝設 Breadcrumb?
方法一:使用 Rank Math SEO 外掛
1. 開啟 WordPress → 安裝 Rank Math 外掛
2. 進入 Rank Math → 外觀 → Breadcrumbs
3. 開啟「啟用麵包屑功能」
4. 可以選擇用短碼、PHP 或小工具方式插入:
• <?php if(function_exists(‘rank_math_the_breadcrumbs’)) rank_math_the_breadcrumbs(); ?>
• 或直接插入文章模版、分類模版、單篇模版中
方法二:使用主題內建功能(如 Astra、Kadence)
許多主題已內建麵包屑功能,只要:
後台主題設定 → 布局 → Breadcrumb → 開啟即可
實作建議:Breadcrumb應包含什麼?
1. 起點為首頁(不要讓第一層是分類)
2. 中間為分類名稱(可為實際 URL 或虛擬層級)
3. 終點為目前頁面名稱
4. 每個層級皆可點擊返回
常見錯誤
• 沒有加入 Schema.org 結構化標記
• 僅設為視覺路徑,不具實際連結功能
• 使用者無法從中回跳上層分類
• 所有文章都顯示「首頁 > 文章」這種沒意義的結構
SEO加分技巧:加上 Breadcrumb Schema
建議使用 schema.org/BreadcrumbList
或用 Rank Math 自動產生的結構化資料區塊,讓 Google 更精準顯示你的麵包屑路徑於搜尋結果中。
面包屑小功能,SEO大幫助
別再忽視麵包屑這個「邊邊的小細節」了。
設定正確不只提升使用者體驗,也直接影響 Google 對網站分類架構的理解。
記得:SEO不只是寫好文章,而是每一個結構、每一層導覽、每一條路徑都不能漏!




