麵包屑導覽是一種輔助導覽元素,通常顯示在頁面頂部附近,它向購物者展示了從首頁到當前瀏覽頁面的路徑——例如,「首頁 > 服裝 > 毛衣 > 有機棉圓領衫」。它讓訪客能夠立即了解自己在網站分類層級中的位置,並能輕鬆返回上一級分類,而無需使用瀏覽器的後退按鈕或在主選單中找到。對於使用目錄資料來源的產品頁面,麵包屑導航通常會根據對每個商品進行分類的相同分類資料自動產生。

為什麼麵包屑導航對目錄驅動型網站至關重要

透過購物廣告或自然搜尋結果進入特定產品頁面的消費者,通常對該產品在整個產品目錄中的位置一無所知,而麵包屑導航則能讓他們一眼就了解這些資訊。這對於轉換率至關重要:如果訪客覺得某個產品不太合適,可以透過麵包屑導航回到上一級類別,而不是直接離開網站,從而挽回原本可能流失的流量。麵包屑導航還可以作為內部鏈接,強化頁面在搜尋引擎導航結構中的位置,許多平台還會將麵包屑導航直接顯示在搜尋結果中,以清晰的類別路徑而非原始URL的形式呈現,從而提升自然搜尋結果的點擊率。

麵包屑導航的工作原理

麵包屑導航幾乎總是根據網站其他地方使用的相同分類體系動態生成的,最常見的是… product_type or google_product_category 資訊流中每個項目都被賦予一個值。這意味著麵包屑導航的準確性僅取決於資訊流本身的分類工作——資訊流中分類錯誤的商品在其頁面上也會顯示同樣錯誤的麵包屑路徑。搜尋引擎也會透過結構化資料讀取麵包屑標記(BreadcrumbList (架構),這使得類別路徑可以直接出現在搜尋結果摘要中,並且此結構化版本應與任何 HTML網站地圖 它以不同的格式記錄了相同的層級結構。

<item>
  <g:id>SKU-10234</g:id>
  <g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
  <g:google_product_category>Apparel &amp; Accessories &gt; Clothing &gt; Sweaters</g:google_product_category>
  <g:product_type>Men's &gt; Sweaters &gt; Crewneck</g:product_type>
</item>
<!-- Breadcrumb rendered from the same category path -->
<nav aria-label="breadcrumb">
  <a href="/zh-TW/">Home</a> &gt;
  <a href="/zh-TW/mens">Men's</a> &gt;
  <a href="/zh-TW/mens/sweaters">Sweaters</a> &gt;
  <span>Organic Cotton Crewneck</span>
</nav>

因為麵包屑路徑直接來自資訊流的 product_type 其價值在於,修正資訊流中錯誤分類的產品,會自動修復其在所有出現位置的麵包屑路徑,無需任何手動逐頁編輯。

相關概念

麵包屑導航是網站整體導航架構的直覺體現,與HTML 網站地圖搭配使用效果最佳。網站地圖以扁平化、簡潔明了的格式記錄相同的類別層級結構,方便搜尋引擎爬蟲抓取。由於麵包屑導航能讓使用者輕鬆從錯誤的點擊中恢復,因此對於任何接收資訊流流量的頁面來說,它都是優化著陸頁的有效且低成本的方法。