提到「層級」二字,大多網站都只停在選單與分類,其實還有個更細膩的地方:麵包屑導覽。它靜靜地躺在頁面頂部,看起來像裝飾,卻對爬蟲與使用者都在說著同一句話——「你現在在哪裡,怎麼走回去」。Google 搜尋結果會拿這個資訊去決定要顯示 URL 還是路徑,顯示路徑的時候,頁面的點擊率往往會跟著上升。
爬蟲理解網站架構的快速路徑
搜尋引擎爬蟲走訪網站時,主要靠選單、連結、sitemap 去推敲站內的階層邏輯。一個網站如果分類寫得亂、連結銜接不清、甚至有孤立的頁面沒人指向,爬蟲就得花更多時間去疏理。麵包屑導覽做的事就是把這個邏輯明確地畫出來——每一層級、每個頁面和上層的關係一目瞭然。
特別是當網站架構稍複雜、有多層分類的時候,爬蟲如果沒有這根線索,容易把層級關係推敲錯誤,甚至在分配內容權重時出現偏差。麵包屑不只是視覺上告訴使用者「你在第幾層」,它的結構化資料形式(BreadcrumbList schema)更是直接用機器能讀的語言把這個階層關係寫給搜尋引擎看。Google 的爬蟲接收到這個標記後,對頁面在整個網站中的位置會有更清晰的認識,進而提升內容被正確理解和檢索的機率。
強化內部連結權重傳遞的樞紐點
網站權重傳遞往往只有少數人重視,多數人關注外連、標題標籤、內文關鍵字,卻忽略了內部連結的力量。麵包屑正是這股力量的直觀載體——它串起首頁、分類、文章這幾個關鍵節點,每一個點擊都是一次權重流動。
比起隱在側欄或文末的相關文章連結,麵包屑出現在頁面最上方,位置突出且固定不變,這表示它會在 Google 抓取和分析頁面時被優先識別。當使用者或爬蟲沿著麵包屑點擊回上層頁面時,權重就自然而然地往回流,強化了分類頁、首頁等上層頁面的權重基礎。特別是在權重分散的網站上,這種集中的內部連結有時比零散的推薦連結更能形成有效的權重聚集。同時,每一次透過麵包屑的點擊也被 Google 記錄下來,成為頁面互動訊號的一部分,間接影響排名。
搜尋結果頁的視覺升級與點擊率提升
在搜尋結果頁,Google 通常會顯示頁面的藍色 URL。但如果頁面有正確的 BreadcrumbList schema,Google 就會拿麵包屑路徑替換掉那一長串網址,結果變成「首頁 > 分類 > 文章標題」這樣的層級鏈。這個改變看似微小,對使用者行為卻有明顯影響。
使用者掃描搜尋結果時,看到整齊的層級路徑會比看到 /category/slug/very-long-url-here 這樣的東西更容易判斷頁面相關性與在網站中的位置,信任度也會跟著上升。實際追蹤數據顯示,啟用麵包屑路徑的網站其點擊率往往增加 3 至 5 個百分點,有的網站甚至看到更顯著的提升。這也解釋了為什麼大型電商和新聞網站都把麵包屑視為標配——不光是為了使用者體驗,更是因為這個簡單的細節可以直接影響搜尋流量的轉化。
在 WordPress 啟用麵包屑的標準步驟
WordPress 本身沒有內建麵包屑功能,需要透過外掛或主題自行實作。主流做法有兩種,是用 Yoast SEO、Rank Math 這類 SEO 外掛的麵包屑模組,或用 Breadcrumb NavXT 這種專門外掛。
用 Yoast SEO 的話,安裝啟用後進後台「Yoast SEO > 設定 > 進階 > 麵包屑」,勾選啟用麵包屑選項,系統會自動根據網站的分類結構和單篇文章的分配情況產生麵包屑。Rank Math 的步驟類似,在「Rank Math > 設定 > 常規設定」中開啟麵包屑選項。這兩套外掛都會同時輸出 BreadcrumbList schema,不必另外調整。
如果網站用的是內建麵包屑功能的主題(像是許多進階佈景都有自己的麵包屑模組),在主題設定裡找麵包屑選項開啟即可。關鍵是無論選擇哪種方式,一定要在啟用後用 Google Search Console 或 Google PageSpeed Insights 驗證,確認頁面的 BreadcrumbList schema 確實被爬蟲正確識別。
加入 BreadcrumbList Schema 的程式方式
如果網站不依靠外掛、由開發者直接在主題裡加入麵包屑,該怎麼寫 BreadcrumbList schema 呢?關鍵是用 JSON-LD 格式,這個格式被視為最乾淨也最容易維護的方案。
基本結構是一個 @context 指向 Schema.org、@type 設為 BreadcrumbList,然後 itemListElement 陣列裡放入每一層級的物件。每個物件至少要包含 @type: ListItem、position(這一項在序列中的位置,從 1 開始)、name(顯示文字)、item(該層的 URL)。例如:
{
"@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/category/seo"
},
{
"@type": "ListItem",
"position": 3,
"name": "麵包屑導覽",
"item": "https://example.com/wordpress-breadcrumb-seo"
}
]
}
這段 JSON-LD 通常寫在 <head> 或頁面任何地方,WordPress 開發者可以用 wp_add_inline_script() 或在主題的 functions.php 裡用 Hook 插入。關鍵是不要嵌在 HTML 結構裡(不要用 Microdata),因為這樣容易跟視覺樣式糾纏,改了 CSS 反而破壞 schema。JSON-LD 和視覺設計是分開的,改動時互不影響。
設定時的常見陷阱
最常見的錯誤是分類架構本身就有問題。一個頁面被歸到兩個分類、或者路徑和分類對不上,麵包屑就會產生錯誤的路徑。外掛只能根據你設定好的分類結構去產生麵包屑,如果分類本身凌亂,再好的外掛也救不了。務必先檢查網站的分類樹狀結構是否符合邏輯、每篇文章的分類指派是否正確。
另一個常見坑是麵包屑階層過深。如果麵包屑路徑有 5 層以上,對爬蟲和使用者都會造成負擔。最佳實踐是控制在 2 至 3 層以內。如果網站結構複雜確實需要多層分類,考慮用多分類或者在麵包屑顯示上只展示上兩層的方式來簡化。
也有人設好麵包屑後忘記驗證。一定要用 Google Search Console 或 Rich Results Test 去檢查 schema 有沒有被正確讀取、搜尋結果頁有沒有正常顯示路徑。有時候 BreadcrumbList 標記沒寫對,Google 也不會主動報錯,而是默默忽略,結果搜尋結果還是顯示 URL,點擊率就沒有提升。麵包屑看起來像個小細節,但它統合了架構清晰、內部連結、爬蟲體驗、使用者信號四個面向,值得在建站時就納入規劃。