文章目錄
麵包屑 (Breadcrumb) ，也稱導覽標記是網站 SEO 優化中相當重要的一個功能，不僅可以讓使用者快速掌握目前的網頁位置外，更可以幫助搜尋引擎的爬蟲，更有組織性地蒐集、檢索、彙整網站資訊，提升 SEO 優化效益。
還不知道麵包屑是什麼？不知道該怎麼幫網站架設麵包屑？本文將帶大家從零開始認識麵包屑 (Breadcrumb) 的由來與用途，並提供實作麵包屑導覽標記的方法及注意事項。
麵包屑 (Breadcrumb) 是什麼？
麵包屑 (Breadcrumb) 指的是由多個文字詞組以及「>」、「>>」、「/」等區隔符號所組成的超連結文字列，通常會出現在商品或文章頁面的最上方，方便使用者掌握目前的頁面位置，或點擊超連結快速跳轉至其他層級的頁面。
麵包屑 (Breadcrumb) 的由來
麵包屑 (Breadcrumb) 的專業術語為「導覽標記 (Breadcrumb List)」，之所以被稱為麵包屑 (Breadcrumb) ，是源自於童話故事「糖果屋」的主角沿路撒下麵包屑的行為，用以標記曾經走過的路線，方便自己可以再依循麵包屑的指示走回原點。
麵包屑 (Breadcrumb) 的用途
如同糖果屋撒麵包的概念，麵包屑主要用途就是幫助使用者導覽位置、指引路線，告訴使用者目前的所在位置，以及抵達該頁面的所有歷史路徑資訊，讓使用者更有效理解及掌握網站架構外，使用者也可以點擊導覽標記的超連結，快速跳轉至其他更上層網站階級的頁面。
此外，麵包屑導覽也能幫助搜尋引擎爬蟲更快速且有效率地檢索、彙整網頁內容，並建立起網頁之間的關聯性，讓網頁更容易被收錄到搜尋引擎當中，也更能有效提升 SEO 排名成效。
麵包屑 (Breadcrumb) 有哪些類型？
一、層次結構的麵包屑
指的是依網站頁面的層次階級順序，依序顯示的導覽標記，如「首頁 > 品牌 > 分類 > 產品型號」。
使用者可以明白目前處在的頁面在何種分類之中，點擊超連結快速跳轉至相關階層的頁面。這種架構同時也能幫助搜尋引擎爬蟲有效索引網頁資訊、了解網站內部頁面的連結性，有助於提升搜尋引擎 SEO 優化成效。
二、顯示路徑的麵包屑
指的是僅顯示點擊至該頁面的路徑，不會顯示完整的網頁階層的導覽標記。而這種架構通常會在左側放置「返回」的按鈕，讓使用者可以點擊返回上一頁。
此類型的麵包屑較不方便使用者跳轉至其他層級頁面，同時也不利於搜尋引擎爬蟲及 SEO 優化，因此大多數的網站並不會選擇此種類型的麵包屑，多數仍使用層次結構的麵包屑。
麵包屑 (Breadcrumb) 為什麼對 SEO 很重要？
原因一、改善內部連結結構和可抓取性
麵包屑可以透過超連結文字列，有效串連網站中不同的頁面和類別，建立內部連結來提升網站的可抓取性，讓搜尋引擎可以探索到網站中更深層次的頁面，並建構所有網頁的關聯性。
原因二、提升使用者體驗與停留時間
麵包屑就像是網站的 GPS 導航系統，讓使用者可以清楚知道自己現在的所在位置外，若想要查看剛剛看過的歷史頁面，或是想要跳轉到其他相關內容的頁面時，也能直接點擊麵包屑快速跳轉至對應頁面，不僅可以有利於使用者體驗外，更可以增加網站停留時間、降低跳出率。
原因三、友善搜尋引擎爬蟲 SEO 優化
麵包屑可以指引搜尋引擎爬蟲的路線方向，避免爬蟲在網站裡面迷路，同時也能讓搜尋引擎更清楚掌握網站每個頁面的階層、架構、組織與分類，將有助於優化網站 SEO 成效與排名表現。
原因四、有機會出現在搜尋結果頁
當使用者在搜尋引擎搜尋特定關鍵字時，若網站頁面帶有麵包屑導覽標記，搜尋結果頁中就有機會顯示麵包屑的文字列，便有機會抓住使用者的目光，並吸引點擊。
麵包屑 (Breadcrumb) 的實作方法
在網站中添加麵包屑的方法非常多種，最簡易的方式就是直接使用網站的外掛，如使用 WordPress.org 架設的網站，就可以安裝 Elementor、Yoast SEO 或 Rank Math 等外掛來設置麵包屑導覽標記，詳細安裝步驟，可以參考各個外掛工具的官方使用說明。
另外一種方法，則是請網站工程師直接撰寫程式語言來設置麵包屑，麵包屑導覽標記語法包含 HTML、JSON-LD、Microdata、RDfa 四種，可以依據個人需求及網站結構選擇，詳細撰寫規範可參考 Google 官方結構化資料文件。
設置麵包屑 (Breadcrumb) 的注意事項
- 每一個階層的文字盡量要簡潔、明確
- 盡量控制在2-3個階層以內，太多階層對搜尋引擎爬取不友善(因為Google 會藉由連結抓取頁面，越多階層代表要透過更多的連結)
- 使用正確的語法格式，避免搜尋引擎無法收錄
- 再三檢查網址連結，避免出現錯誤連結頁面
雖然麵包屑並非網站必備的元素，但有了麵包屑這個功能，不僅可以讓使用者體驗變得更好外，也更有利於搜尋引擎抓取網站資訊，可說是提升網站 SEO 成效很重要的關鍵所在！