麵包屑(Breadcrumb)是什麼？網站導覽為甚麼對SEO很重要？

麵包屑導覽（Breadcrumb Navigation）是一種網站導航方式，通常位於頁面頂部或內容區域上方，幫助使用者了解目前所在的位置以及如何返回上一層或首頁。麵包屑導覽通常是階層式顯示網站結構，範例如下：

首頁 > 產品分類 > 3C產品 > 手機

麵包屑的由來

麵包屑（Breadcrumb）的名稱源自於童話故事《糖果屋》。故事中，漢賽爾與葛麗特在森林中迷路，為了找到回家的路，漢賽爾用麵包屑標記回家的路徑。這個概念被運用到網站設計中便是讓使用者可以清楚地知道自己在網站中的位置，並輕鬆返回上一層。

Breadcrumb對於SEO而言可以說是不可或缺的一部份，以下是麵包屑對SEO的重要影響。

提升用戶體驗

麵包屑導覽能有效改善網站的用戶體驗。清晰的導航設計除了能讓使用者能夠快速理解網站結構以外，還能讓他們輕鬆返回上一層頁面，避免迷失於複雜的內容中，增加他們停留在網站的時間，並且防止他們因為在網站中迷路而跳出網站。

協助搜尋引擎

麵包屑導覽提供了完整的網站層級架構，能讓搜尋引擎了解並且更快地索引網站中的各個頁面，同時還能透過內部連結將權重傳遞至深層頁面。

強化關鍵字佈局

在麵包屑中合理地插入關鍵字能幫助搜尋引擎理解內容主題，還能提升相關頁面的關鍵字排名。例如，將產品分類或服務項目以關鍵字方式呈現在麵包屑中，能夠讓搜尋引擎識別頁面主題，增加曝光機會，還能夠提升頁面在搜尋引擎結果中的可見度與競爭力。

強化搜尋結果顯示

透過設定結構化標記，麵包屑導覽可以直接顯示在Google搜尋結果中，讓使用者更容易理解網頁結構，還能吸引用戶點擊。除此之外，網站內容還能夠變得更加容易被搜尋引擎辨識，能夠有效提升整體SEO效果。

根據麵包屑上的不同階層可以分為以下三種類型，可以根據自身需求選擇合適的類型。

• 階層型： 根據網站的階層架構顯示位置。例如：首頁 > 部落格 > SEO優化 > 麵包屑導覽
• 屬性型： 常用於電商網站，顯示商品的屬性分類。例如：首頁 > 男裝 > 襯衫 > 短袖 > 白色
• 路徑型： 根據使用者的瀏覽歷程顯示。例如：首頁 > 熱門商品 > 特價活動

麵包屑除了UI以外，還有結構化標記的部分。透過設定好麵包屑結構化標記，搜尋引擎能夠更好的理解網站的內容，以下是最常見也是Google最推薦的JSON-LD的設定方式範例。

< script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "BreadcrumbList",

"itemListElement": [

{ "@type": "ListItem", "position": 1, "name": "首頁", "item": "https://www.example.com" },

{ "@type": "ListItem", "position": 2, "name": "部落格", "item": "https://www.example.com/blog" },

{ "@type": "ListItem", "position": 3, "name": "SEO優化", "item": "https://www.example.com/blog/seo" }

]

}

< /script>

最後想要提醒大家注意一下在製作麵包屑時的幾個要點。

• 符合網站結構 ：這是最重要的一點，如果麵包屑導覽不符合網站的架構，會造成使用者與搜尋引擎的混亂。
• 簡潔明瞭 ：麵包屑上的字數建議不要太長，否則會造成使用者閱讀困難。
• 加入結構化標記 ：結構化標記能夠讓搜尋引擎更好的理解網站內容。
• 避免階層過多 ：建議麵包屑的層級不要多於4層，太多層會造成搜尋引擎負擔，因為要點的連結太多了。
• 檢查網址 ：避免因為錯誤連結導向錯誤頁面，同樣會造成使用者與搜尋引擎的混亂。

GenApe是以SEO為出發點設計出的AI圖文平台。其中的AI助理有許多能夠減輕SEO人員負擔的工具。如AI文章產生器能夠在短時間內快速生成文章。另外如果需要針對現有的SEO文章優化，則可以試試AI文章改寫。或者是如果需要進軍海外或者是有多語言需求的人，則可以考慮使用AI翻譯提供給有需要的讀者。

AI文章產生器：https://app.genape.ai/zh-TW/articleBetaVersion

AI文章改寫：https://app.genape.ai/zh-TW/contentImproverV2

AI翻譯：https://app.genape.ai/zh-TW/ai-translate