麵包屑是什麼？為什麼叫麵包屑？
麵包屑（Breadcrumbs）的名字來自格林童話中的糖果屋，故事中主角在走過的路線上撒下麵包屑，讓自己迷路時可以企圖沿著麵包屑找到回家的路。而網站中的麵包屑在同樣是為使用者指引方向的功能，導覽使用者到想去的網頁，簡單來說，麵包屑就是有條理的呈現網頁中一個接著一個的路徑，可以標示出使用者進到此網頁的路徑，防止使用者在網站中迷路，提升使用者體驗。
如上圖，麵包屑功能讓使用者可以清楚了解目前的商品是在哪個分類下，例如，「首頁>中文出版>雜誌・潮流風格>藝術表演」。
而除了替網站使用者導覽方向外，也為網頁爬蟲指引路徑，讓 Google 等搜尋引擎更了解你的網站，幫助爬蟲軟體快速了解網站的整體架構，在爬取網頁時也能清楚知道網頁的層級及分類索引，有助於提升搜尋結果的排名。此外，設定麵包屑之後，網址在搜尋結果頁上也會呈現路徑索引，因此可以適時在麵包屑的名稱中加入關鍵字，增加使用者點擊的意願。
使用麵包屑功能的好處？
方便網站使用者
麵包屑的層級連結可以有效的輔助瀏覽網頁使用者，讓他們永遠找得到返回的路徑，並且能使用者更加了解網站的導覽架構。
整體網站使用起來，返回上層頁面變得更方便、點擊次數也減少，對於許多大型的多層級網站來說，正確使用麵包屑可以讓使用者容易的前往各個層級，也能有效減少點擊次數。
降低跳出率
對於第一次訪問該網頁的使用者來說，麵包屑路徑也是一種帶領網頁訪客更進一步瀏覽各網頁的方式。
例如：使用者藉由搜尋「葡萄口香糖」進入你的網站的產品的介紹頁，麵包屑的存在讓搜尋者可以快速的往返回上層的去瀏覽，假如網站的麵包屑是「首頁>產品介紹>甜點零食>糖果>口香糖>葡萄QQ口香糖」，搜尋者可以往返上一層去看所有口味的口香糖，或者直接去瀏覽您所有的甜點零食商品，這樣也使網站的跳出率進一步的降低了。
不會占用太多的頁面空間
麵包屑通常是基本的橫向文字連結組合，這樣的形式不會佔用到太多的網頁空間，也不會對網頁內容造成任何的影響，所以只要適當的使用，基本上它不會帶給網站任何的負擔以及負面的影響。
有利爬蟲檢索網站
增加麵包屑讓網站更加結構化，給爬蟲一個路標，讓它在檢索收錄網站時還不至於迷路，如果爬蟲迷路了，就有可能發生某些網頁沒有被檢索到的情況。
如何使用麵包屑？
頁面路徑導航很重要，以下要注意一些重點：
- 每一層的文字不能太長
- 每一層的連結都必須有效
- 路徑不宜過長
因為還要考慮到行動裝置的使用者，如果文字太長、路徑過長，會很雜亂，並且如果連結無效，麵包屑變得毫無意義。
麵包屑的建立其實也分為兩種，一種是屬於前端給使用者看的，另一種是屬於結構化資料JSON的後台程式碼，不過在此不詳加贅述。有興趣更深入了解如何新增結構化資料的朋友，可參考 Google 的導覽標記說明文件。
WordPress 網站
如果你的網站是以 WordPress 架設的，可以直接安裝麵包屑外掛，相當輕鬆簡單，不需要太複雜的程序就能建立麵包屑導覽，常見的外掛有 Rank Math SEO、 Yoast SEO plugin 、 Breadcrumb ，安裝後再簡單設定就能完成。
非 WordPress 網站
如果是使用 WordPress 以外的平台或是自行架設的網站，可能需要諮詢架設網站的工程師，規劃麵包屑的層級及設置邏輯，並自行撰寫 Breadcrumbs Code 來設定麵包屑，常見的 Code 有 Microdata 和 JSON-LD，可以根據網站的需求選擇。
設定麵包屑在網站結構中，不只能提升網站的使用體驗，也對SEO排名有很大的影響，如果你的網站還沒設定麵包屑，可以著手進行，檢測網站的結構，也許更能提升SEO排名表現。
延伸閱讀：
