麵包屑

一句話定義

網頁導覽列以「首頁 > 次分類 > 文章標題」形式顯示當前頁在網站階層中的位置——名字源自《漢賽爾與葛麗特》中沿路撒麵包屑作為回家路徑的童話；實作上透過 結構化資料 的 BreadcrumbList Schema 標記給 Google 爬蟲，是 技術SEO 9 大項目的第 2 項（3★）。

核心要點

5 個 SEO 好處（Welly 整理）

1. 指路：使用者一眼看出當前位置與返回路徑
2. 降低跳出率：返回上一階層比點擊上一頁更直覺
3. 不占版位：橫向呈現、節省垂直空間
4. 提升爬蟲友善度：爬蟲沿階層理解網站結構
5. 複合式搜尋結果：搜尋結果頁可能以麵包屑取代純 URL 顯示，提升 CTR

3 種視覺形式

首頁 > 商品 > 配件、首頁 》商品 》配件、首頁 / 商品 / 配件——最後者多為程式預設。

企劃 4 原則

屬性（Schema）	原則
name（階層名稱）	精簡
item（階層網址）	有效（避免 404 / 無權限頁面）
position（含首頁階層數）	≤ 5
關鍵字	放入相關 SEO 關鍵字（含次分類詞）

3 個常見錯誤

• 同名稱不同網址——同一個分類在多處有不同 URL
• 同網址不同名稱——同一 URL 在不同入口顯示不同麵包屑名
• 階層遺漏——跳級顯示（首頁直接到文章），破壞 Google 對網站階層的理解

實作：透過結構化資料

麵包屑本身只是 HTML 列表，但要被 Google 識別並進入複合式搜尋結果，需要用 結構化資料 的 BreadcrumbList Schema.org 標記——這是「結構類」結構化資料最常被使用的類型之一。

與其他概念的關係

• 母概念：結構化資料 — BreadcrumbList 是 Schema.org 標準化標記下的類型；麵包屑是結構化資料最常被使用的類型之一
• 母概念：技術SEO — 麵包屑是 Welly 框架 9 大項目第 2 項，屬「打地基（檢索層）」第一層
• Core-Web-Vitals — 麵包屑與 LCP / CLS 無直接關係，但屬同一份 Welly 技術 SEO 工程清單
• SEO — 麵包屑是 SEO 4 大維度中「技術」維度的具體工具，行銷人不會寫程式也能規劃

相關來源

• 2026-05-01-Welly-技術SEO9大項目 — Welly《幫幫我》系列 EP3 / 第 2 章 第 2 項主來源；定義 / 5 好處 / 4 企劃原則 / 3 常見錯誤 / 結構化資料實作

備註

本頁從 技術SEO / 結構化資料 兩個 umbrella 頁的內嵌段拆出，補修兩頁互相提及的死連。原 結構化資料 備註寫「麵包屑（vault 中尚未獨立成頁，folded 進 技術SEO）」——本次升級為獨立頁。

未來累積方向：

• (a) 多語系 / 跨地區網站的麵包屑階層設計（語言切換點放哪一階）
• (b) 大型電商麵包屑（多重類別 / 篩選器路徑）的設計挑戰
• (c) Google 對 BreadcrumbList Schema 的最新驗證標準
• (d) 麵包屑與 顧客旅程地圖 的對位（網頁麵包屑 vs UX 旅程的階層觀念）