麵包屑(Breadcrumbs)是什麼？會影響 SEO 排名嗎？教學

2K

麵包屑(Breadcrumbs) 在 SEO 中又可以叫做導覽標記，簡單的說就是提供當前頁面的位置資訊。麵包屑(Breadcrumbs) 是指你的網站的導航功能，它可以對 SEO 和用戶體驗產生一定程度的影響，有了麵包屑，用戶就可以很容易回到上一層頁面或首頁中。

麵包屑(Breadcrumbs) 在 SEO 中也扮演一定程度的角色，因為 Google 會將 麵包屑（又叫導覽標記）顯示在搜尋結果中，而凡是會影響到搜尋結果頁面呈現的元素，都有可能影響到 CTR，所以目前麵包屑(Breadcrumbs) 仍然是 SEO 優化項目之一，除非有天 Google 不再在搜尋結果顯示麵包屑，才有可能將它移出 SEO 的優化項目。

如果你還不知道麵包屑(Breadcrumbs) 是什麼，以及如何在你的網站當中正確的加入麵包屑，或是你不知道麵包屑會如何影響到你的SEO ，本篇文章會有完整的教學。

麵包屑(Breadcrumbs) 是什麼？

麵包屑(Breadcrumbs) 又可以叫做導覽標記，簡單的說就是提供當前網頁的位置資訊的導覽功能。

網站中的麵包屑(Breadcrumbs)

以下是貓熊先生網站「SEO 搜尋引擎優化教學指南！SEO 是什麼？怎麼做？」這篇文章的麵包屑，你會發現它的麵包屑長這樣。

首頁 > SEO 教學 > SEO 搜尋引擎優化教學指南！SEO 是什麼？怎麼做？搞懂 SEO 意思

而最常見的麵包屑(Breadcrumbs) 格式，通常如下。

文章頁面：
首頁 > 分類頁 > 文章標題
首頁 > 分類頁 > 子分類 > 文章標題

產品頁面：

首頁 > 分類頁 > 產品頁標題
首頁 > 分類頁 > 子分類 > 產品標題

也就是說，麵包屑一切以「首頁」為起點，中間會經過「分類」頁面的連結，最後則是「頁面標題」的連結顯示。

Google 搜尋結果中的麵包屑(Breadcrumbs)

麵包屑是一個有用的 UX 功能，它使網站導航變得更容易，但其實它們的作用不只這個，因為 Google 會將麵包屑呈現在搜尋結果當中。

例如上面的文章，在 Google 中呈現的樣子如下，Google 將網站的麵包屑(Breadcrumbs) 呈現在搜尋結果中了，這也是為什麼麵包屑仍然是 SEO 優化項目之一，因為它會影響到搜尋結果的呈現。

這裡要注意的一點是，Google 並不是直接去抓網站中的「麵包屑(Breadcrumbs) 」，要在 Google 搜尋結果中顯示你要的麵包屑，你需要透過「結構化資料」標記去告訴 Google 正確的麵包屑。

如何正確加入麵包屑（Breadcrumbs）？

麵包屑（Breadcrumbs）目前也是重要的 SEO 優化項目，而且 Google 實際上也不是去抓你網站中的麵包屑導覽標記，而是你必須透過結構化資料去告訴 Google 你頁面中的麵包屑（Breadcrumbs）是什麼。所以你必須知道如何在網站中加上麵包屑，以及在結構化資料中加上麵包屑。

在網站中加上麵包屑（Breadcrumbs）

下面是貓熊先生網站中文章頁面的麵包屑（Breadcrumbs），簡單的說就是一段 HTML 程式碼，這段程式碼沒有固定的格式，你只需要在網站中合理呈現「首頁 > 分類頁 > 最終頁面」這樣的導覽列就可以了。

結構化資料標記加上麵包屑（Breadcrumbs）

至於要在結構化資料標記加上麵包屑（Breadcrumbs）就必較麻煩一點了，通常需要 SEO 工程師人員的協助。

如果你想知道如何替網站加上結構化資料標記，可以參考下面文章教學。

• 結構化資料標記是什麼？會影響 SEO 排名嗎？教學

要測試你加上的麵包屑（Breadcrumbs）結構化資料有沒有正確，你可以使用「複合式結果測試工具」來測試就知道了。

下面就是就是使用複合式搜尋結果測試工具，所測試出來的麵包屑結構化資料，你可以看到麵包屑的階層顯示，而 Google 搜尋結果中的麵包屑，也是靠你提交的結構化資料來顯示的。

麵包屑（Breadcrumbs）優化重點

當你替網站加上了合適的麵包屑（Breadcrumbs）之後，你必須注意以下幾點，下面幾點是麵包屑（Breadcrumbs）優化的重點。

• 每一階層的文字盡量簡短
• 除了最終層之外，首頁跟中間的每一階層都必須有連結
• 麵包屑（Breadcrumbs）的層數含首頁盡量不要超過 5 層

在優化麵包屑的時候，要記得盡量符合上面這三個重點。

關於麵包屑（Breadcrumbs）的階層數不宜過長這件事，Matt Cutts 在 Youtube 影片中也有提到，這隻影片建議看一下。

Matt Cutts 在這支影片中也有提到，如果你中間的階層數有好幾個，Google 會去抓第一個唷。

麵包屑（Breadcrumbs） 有什麼好處？

麵包屑（Breadcrumbs）目前是網站的優化項目之一，也是 SEO 中的優化項目，因為加上麵包屑有很多好處，列舉如下。

一、麵包屑提升用戶體驗

麵包屑導航讓用戶更容易瀏覽網站——它們鼓勵用戶瀏覽網站的其他部分。而且有了麵包屑（Breadcrumbs），使用者會很容易回到上一層或是首頁。

麵包屑（Breadcrumbs）是一種很方便的呈現方式，可以幫助用戶輕鬆找到他們正在尋找的內容 。

二、麵包屑可能可以提升排名

由於麵包屑會影響到搜尋結果的呈現，既然會影響到搜尋結果的樣子，就有可能影響到 CTR。如果可能會影響到 CTR，那麼就有可能影響到排名。

而且加上麵包屑（Breadcrumbs）的結構化資料標記之後，你的網頁在搜尋結果中的呈現也會比較好看。

除此之外，SERP 中的麵包屑還可以幫助用戶了解該頁面在你的網站上的位置，因此這對 SEO 來說是雙贏的。

三、麵包屑（Breadcrumbs）提升訪客停留時間

只要用戶點擊了你麵包屑上的連結，透過麵包屑來尋找相關頁面，你的訪客停留時間就有可能增加，跳出率也會因此降低。

因此，在網站上的頁面中加入麵包屑（Breadcrumbs），可能可以提升你的訪客在你的網站上的停留時間。

關於麵包屑，知名 SEO 網站 SearchEngineJournal 有一篇關於「麵包屑（Breadcrumbs）」的文章，也可以前往閱讀。

麵包屑（Breadcrumbs） 常見問題

麵包屑(Breadcrumbs) 觀念整理

麵包屑(Breadcrumbs)雖然重要性可能沒有那麼大，但無法否認地，麵包屑目前仍然是 SEO 優化項目之一。如果你的網站沒有加上麵包屑，除了搜尋結果中 Google 可能會直接顯示你的網址的層數，用來替代麵包屑結構化資料之外；你的網站使用者的用戶體驗可能也會因此降低。

因此，如果你的網站目前還沒有麵包屑(Breadcrumbs)的顯示，那就趕快替自己的網站加上麵包屑吧！