為什麼麵包屑對 SEO 很重要？

麵包屑導航向用戶展示了他們深入了解您網站結構的路徑，並提供了一種返回之前訪問過的頁面的簡單方法。 多虧了麵包屑，用戶有機會更快地找到相關內容。

麵包屑也可以對您的 SEO 排名產生積極影響，應該包含在您的內部鏈接策略中。

什麼是麵包屑，哪些網站應該使用它們？

麵包屑是一種本地導航系統，可向用戶顯示他們在網站上的位置。 您通常可以在頁面頂部、標題或英雄圖片的正上方找到它們。 它們採用帶有指向以前訪問過的頁面的超鏈接的小文本路徑的形式，例如，主頁 > 博客 > 知識庫。

這種導航的名稱來源於德國童話故事中的漢塞爾和格萊特，他們找到了一種創造性的方式來避免在樹林中迷路。

就像孩子們在尋找回家的路上散落麵包屑一樣，網站顯示數字麵包屑，使用戶可以隨時返回主頁或選擇的類別頁面。

麵包屑很有幫助，尤其是在具有分層組織內容的大型網站上。 在所有子頁面都在同一級別的小型站點上，它們不會被證明是必要的，用戶可以從主頁跳轉到其中的任何一個。

有時，使用麵包屑導航用戶通過多步驟流程也很有意義——顯示訂購產品發貨的步驟或在平台上創建新帳戶，允許用戶返回並進行更正。

麵包屑對用戶的好處

毫不奇怪，麵包屑的目標主要是改善用戶體驗。 對於深入了解站點結構並在途中迷路的人來說，它們很方便。 如果他們走得太遠，他們只需單擊一下即可後退，而不必閱讀整個主菜單。

麵包屑導航可以對您網站的跳出率產生積極影響。 那是因為對於剛剛從搜索結果直接進入您的頁面的人來說，它非常實用。

借助麵包屑，用戶可以快速找到他們所在的位置以及頁面是否位於與他們感興趣的主題相對應的類別中。 因此，他們更有可能進一步探索，而不是返回搜索結果頁面。

搜索引擎優化行業文章反復強調，谷歌可以在 SERP 中將麵包屑路徑顯示為豐富的結果，向用戶準確顯示點擊鏈接後他們最終會到達網站的哪個位置。 這種外觀吸引了用戶的注意力並鼓勵他們訪問該網站。

不久前，您需要使用麵包屑並使用結構數據對其進行標記，才能獲得這種豐富的結果。 然而，目前，這更加複雜。 2015 年 4 月，谷歌開始自動分解頁面的 URL，以麵包屑格式顯示它們。

因此，實際上不需要使用麵包屑並且仍然可以獲得那種類型的豐富結果。 但是通過使用麵包屑，您可以確保 Google 以您想要的格式顯示它。 有關詳細信息，請參閱本文的“實現麵包屑模式標記”部分。

麵包屑可以提高您在 Google 搜索中的知名度嗎？

從 SEO 的角度來看，為什麼麵包屑很有用有一個關鍵方面。 麵包屑為額外的內部鏈接創造了機會，這可以提高您網站的可抓取性。

通過更多內部鏈接，您的網頁更容易被 Googlebot 發現和訪問。 Google Search Advocate John Mueller 證實了麵包屑對可抓取性的積極影響。

我們使用麵包屑進行爬行（查找內部鏈接）和豐富的結果（結構化數據）。

資料來源：約翰·穆勒

此外，根據谷歌網站管理員趨勢分析師Gary Illyes 的推文，麵包屑導航中使用的鏈接可以傳遞PageRank 值。

麵包屑的種類

想像一下，您經營一家電子商務商店，裡面有不同類型的茶和沖泡用的配件。 您可以將三種不同類型的常用麵包屑應用於您的網站。 您是選擇實施其中的一部分還是全部取決於您網站的具體情況和用戶的需求。

基於層次結構的麵包屑

基於層次結構或基於位置的麵包屑告訴用戶他們在站點架構中的位置。 它們從最一般的類別開始，並顯示用戶選擇的其中一個分支。 當常客訪問您的茶店網站並蒐索帶有乾果的綠茶時，他們基於層次結構的麵包屑路徑將如下所示：

主頁 > 茶 > 綠茶 > 乾果綠茶

如果您的客戶斷定他們更喜歡純綠茶，他們可以快速返回到層次結構中更高的類別頁面，並將搜索分支到其他產品。 這種麵包屑導航類型是最常見的，因為用戶發現它非常直觀。

它也被認為是最有效的 SEO 目的，因為它基於清晰的網站結構和可索引的子頁面。 雖然所有類型的麵包屑都提供了有價值的內部鏈接，但通過基於層次結構的麵包屑，Google 爬蟲不僅可以發現新的 URL，還可以更好地了解網站架構。

重要的是，基於層次結構的麵包屑最容易適應您的索引策略。 您可以在“麵包屑和索引策略”部分找到更多信息。

基於屬性或動態麵包屑

基於屬性或動態的麵包屑非常適合電子商務網站。 當單個產品屬於幾個單獨的類別時，它們很方便，這很難用基於層次結構的麵包屑來說明。

想像一下，一位顧客訪問了您的茶葉店的網站，並想到“我需要一大包紅茶和草莓味的茶”。 在這種情況下，導航路徑側重於產品屬性而不是頁面標題，可能如下所示：

首頁 > 茶葉 > 包裝尺寸 > 類型 > 風味

動態麵包屑可以利用為用戶提供的過濾器來縮小他們的搜索範圍。 結合基於位置的麵包屑，它們可以呈現以下外觀：

首頁 > 茶類 > 紅茶[大小: 大] , [口味: 草莓]

這樣的麵包屑使搜索正確的產品變得更加容易，因為用戶可以在不更改類別頁面的情況下停用過濾器。

基於歷史的麵包屑

基於歷史或基於路徑的麵包屑是最古老的麵包屑形式，它們最準確地類似於 Hansel 和 Gretel 的故事。 它們顯示用戶到目前為止訪問的所有頁面，從前到後。

如果用戶通過一篇關於釀造黃茶傳統的博客文章來到您的網站，然後單擊指向特色茶壺的鏈接，然後想查看所有可用的茶壺，則基於歷史的麵包屑路徑將如下所示：

黃茶傳統 > 茶壺模型 1 > 茶壺

如今，網站很少使用基於歷史的麵包屑，因為它們在某些情況下會變得混亂和隨機。 然而，當與基於層次結構的麵包屑結合使用時，它們可能會被證明是真正有用的。 在我們的示例中，合併層次結構和歷史記錄的麵包屑可能如下所示：

< 返回\ 您現在的位置：首頁 > 配件 > 茶壺 > 茶壺模型 1

在這種情況下，基於歷史的麵包屑被簡化為一個簡單但有用的後退按鈕。 用戶將知道他們的確切位置，並且仍然能夠返回到博客文章。

前瞻麵包屑

雖然常規麵包屑只是幫助用戶從他們開始的地方返回的鏈接路徑，但前瞻麵包屑擴展為同級別類別的列表。

與它們交互時，用戶可以查看要瀏覽的替代類別。 因此，他們可以切換到尚未訪問的頁面。 讓我們繼續以您經營在線茶葉店的示例為例。 您網站上的前瞻麵包屑可能如下所示：

首頁 > 茶類 > 紅茶
> 綠茶
> 黃茶
> 紅茶
> 白茶

由於此附加功能與站點的類別和結構密切相關，因此前瞻麵包屑幾乎總是基於層次結構的。

加拿大達爾豪斯大學哈利法克斯分校的研究人員於 2005 年 9 月進行了一項研究，以確定這種新的導航理念是否值得開發。 它表明，用戶在操作指示時會喜歡前瞻麵包屑。

26 名參與者中有 23 人聲稱，在自願參加一項研究後，他們回顧性地更喜歡前瞻麵包屑而不是常規麵包屑。

您可以自由地在您的網站上試驗前瞻麵包屑，因為當今許多頁面都實施了此解決方案。

實現麵包屑時最常見的錯誤

儘管它們帶來了許多好處，但設計不佳的麵包屑可能會突出網站對用戶缺乏關心。 如何確保這個通常有用的工具不會對您不利？

用麵包屑替換主導航

精心設計的麵包屑是值得驕傲的，但您永遠不應該將它們作為您網站的主要導航。 用戶有他們的習慣，其中一些人儘管很方便，但不使用麵包屑。

麵包屑是本地導航系統，而主菜單是最典型的全局導航系統。 實際上，這意味著它們服務於不同的目的。 主菜單讓用戶了解您的網站的規模和復雜程度，他們無法僅從麵包屑中推斷出這些信息。

導航選項太多讓用戶不知所措

麵包屑應該始終是主導航的輔助。 雖然您可能認為為用戶提供這兩個選項是多餘的，但它可以闡明您網站的架構。 然而，不幸的是，也有可能以另一種方式過火。

一些網站為較低級別的子頁面實現單獨的二級導航。 這樣的解決方案允許將主菜單限制在站點的最重要部分。 只有在那裡，用戶才能更詳細地了解內容。

想像一個虛構的在線茶葉商店，其主導航允許用戶訪問主要產品類別：各種顏色的茶、沖泡配件和蜂蜜。

進入“綠茶”類別後，用戶會被介紹到該部分專用的二級導航。 現在他們可以在來自不同國家和種植園的綠茶之間進行選擇——在許多情況下，這可能是一個有益的解決方案。

但是，如果主菜單、輔助導航和麵包屑並排放置在一起，那麼大量的鏈接將變得混亂且無法使用。

麵包屑如何幫助診斷網站結構的問題？

毫無疑問，使麵包屑變得不那麼實用的一件事是，如果路徑太長，因為它會失去可讀性並變得混亂。

當子頁面上的麵包屑太多時該怎麼辦？ 將其中一些移動到新行或用省略號替換它們？ 這聽起來都不是一個好主意。

令人不安的長麵包屑路徑本身不是問題，而是網站結構無效的證據。 如果你有這個問題，問問自己你的層次結構中是否真的需要這麼多級別。

此外，麵包屑有助於發現無效和神秘的類別名稱。

想像一下，您經營一家銷售各種茶葉的電子商務。 您對茶有廣泛的了解，並且可以準確地描述它的味道——這兩種技能都可以在您創建內容的方式中體現出來。

假設潛在客戶可能正在尋找一種新的紅茶，並嘗試在您的一個產品頁面上找到它。 在那裡他們會看到以下麵包屑路徑：

首頁 > 茶類 > 紅茶 > 收斂劑 > 紅茶味 1

有一個項目應該引起你的注意。 不熟悉茶葉專業詞彙的人可能不明白什麼是澀味。 他們不太可能瀏覽這個難以理解的類別並點擊鏈接。

值得考慮的是“澀味”這個詞是否應該描述一個單獨的紅茶類別，或者它是否可以只是一個標籤來區分其中一些。

麵包屑和索引策略

作為內部鏈接的一種形式，麵包屑導航增加了 Google 找到並索引您的網頁的機會。 沒有這個，它們就不能出現在搜索結果中。

但這是否意味著索引總是一件好事？ 不幸的是，每個站點都可能包含一些低質量的頁面。 它們在索引中的存在是不可取的，因此 Google 不會基於它們對整個網站形成負面意見。 讓我們用一個例子來探討這個話題。

想像一個在線茶葉店，它有一個固定銷售點的搜索窗口。 用戶可以進入自己的居住地，查看附近是否可以買到自己喜歡的品牌茶葉。 他們會找到一些大城市的有效地址，但如果他們住在一個小村莊，他們會看到一個空列表。 或者只是一個小商店。

如果用戶決定訪問這家商店的網站，他們的麵包屑軌跡可能如下所示：

首頁 > 尋找我們的店鋪 > 小村莊 > 小茶館

第三項鍊接到頁面，從 SEO 角度來看是無用的。 它只有村莊的名稱和對單個銷售點的引用。

這種類型的頁面不應該浪費 Google 的抓取預算，因為作為潛在的垃圾郵件，它會降低整個頁面的排名。 因此，不應該有任何內部鏈接指向它。 那麼，麵包屑呢？

這個問題有幾種解決方案。 您可以從小商店的麵包屑中完全忽略村莊。 您還可以在搜索中實現更大的區域，例如州或縣。 然後用戶可以使用麵包屑導航從小商店頁面返回到覆蓋整個區域的有用銷售點列表。

麵包屑導航的最佳實踐

麵包屑的實施是改善您網站的用戶體驗並使其對搜索引擎機器人更友好的絕佳機會。 讓我們討論在為您的網站設計麵包屑導航方案時可能面臨的一些挑戰。

如何使麵包屑對用戶來說直觀？

對於大多數網站，設計麵包屑導航應該圍繞使用用戶已經習慣的解決方案展開。 以下是您可能需要遵循的一些規則：

• 在頁面頂部找到您的麵包屑，就在主導航下方；
• 始終從主頁開始您的麵包屑，並以當前顯示的頁面結束；
• 讓你的麵包屑左對齊；
• 使用小而不顯眼的字體。 麵包屑不應該是在頁面上吸引用戶注意力的第一個元素。
• 使用箭頭或大於號分隔鏈接時，請將它們指向右側。 儘管我們使用麵包屑返回更高的類別，但箭頭的目的是表示層次結構。

如何給麵包屑一個原創的風格？

好的麵包屑是微妙的。 但是，遵循上述說明並不意味著您的導航必須與任何其他頁面上的相同。 您仍然可以做很多事情來使您的網站脫穎而出：

• 您可以用斜線、guillemets 或冒號替換流行的大於號，以最適合您的風格為準；
• 您可以拒絕僅基於文本的導航，並將鏈接放置在強調層次結構的簡單形狀中，並與您的設計的其餘部分很好地集成；
• 在多步驟流程的麵包屑中，您可以用數字標記鏈接，以便用戶更輕鬆地跟踪流程。

如何為移動視圖設計麵包屑？

為移動用戶實施麵包屑導航似乎是一個挑戰，因為在移動設備上，每一英寸的屏幕空間都值金礦。 您不希望您的主要內容被不必要的大導航下推。 出於這個原因，一些門戶網站在移動視圖中放棄了麵包屑。 這對用戶來說是一個重大的損害，因為有效的導航在小型設備上更為關鍵。

有一些聰明的方法可以為移動用戶創建漂亮的麵包屑。 你可以試試：

• 用房子表情符號標記到主頁的鏈接；
• 如果路徑太長，用戶可以從左到右掃過麵包屑；
• 不顯示用戶所在頁面的名稱，而是提供返回更高類別的簡單鏈接。

實現麵包屑模式標記

為用戶提供直觀的麵包屑導航後，也要讓搜索引擎清楚地看到它們。 為此，您可以使用結構化數據標記相關的麵包屑片段。 在下一節中，我們將討論 BreadcrumbList Schema 的好處和實現。

為什麼在麵包屑導航中應用結構化數據？

您可以使用架構標記或其他方法實現的結構化數據是 Google 的附加信息，您可以將其放入您網站的代碼中。 對於 Google 機器人了解您的頁面內容並為您帶來一些其他好處，這可能是一個巨大的幫助。

假設您擁有一家在線茶葉商店，並在產品頁面上發布了沖泡白茶的說明。 您可以使用結構化數據向搜索引擎顯示文本的哪一部分與水溫或沖泡時間相關。 因此，Google 將能夠以豐富的結果顯示您的泡茶建議，並突出顯示溫度和泡茶時間。

由於豐富的結果，頁面在 SERP 上脫穎而出，這可能會顯著提高點擊率。 豐富的結果類型是一個麵包屑豐富的片段，顯示用戶點擊鏈接後他們將轉到的網站結構中的哪個位置。

您可能已經註意到一段時間以來，無論網站所有者是否使用麵包屑結構化數據，谷歌都為所有搜索片段顯示了一種麵包屑形式。 那麼是否仍然需要在麵包屑導航中包含結構化數據？

不會。但它可以讓您對 Google 將在您的搜索片段中顯示的內容進行一些控制。 如果 Google 在您的頁面上找不到麵包屑導航，它將分解 URL，假設它遵循邏輯結構並反映了您網站的層次結構。 但情況並非總是如此。 即使是這樣，URL 通常也不像麵包屑那樣以人為本。

代碼中的麵包屑列表架構

以下是將結構化數據應用於在線茶葉商店的麵包屑路徑的示例，其中包含以下元素：主頁 > 茶 > 紅茶。

 {

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

"@type": "麵包屑列表",

一開始，我們指出我們的結構化數據的格式是從schema.org獲取的模式標記詞彙表。 然後我們定義了容器項“BreadcrumbList”，它包含我們的麵包屑路徑的所有元素。

 “項目列表元素”：

上面的標記“itemListElement”表示我們開始以正確的順序列出各個麵包屑。

 [{

"@type": "列表項",

“位置”：1，

“名稱”：“家”，

“項目”：“https://yourteastore.com”

},{

"@type": "列表項",

“位置”：2，

“名稱”：“茶”，

“項目”：“https://yourteastore.com/teas”

},{

"@type": "列表項",

“位置”：3，

“名稱”：“紅茶”，

“項目”：“https://yourteastore.com/teas/blackteas”

}]

}

我們將每個單獨的麵包屑標記為“ListItem”，並描述了它們的位置、名稱和它們包含的鏈接。

包起來

麵包屑是一種輔助導航方案，允許用戶跟踪他們在網站上的當前位置。 它們在頁面的最頂部形成一個小的鏈接路徑。 我們區分：

• 基於層次結構的麵包屑專注於網站的架構；
• 主要用於電子商務網站的基於屬性的麵包屑。 他們專注於可能對用戶很重要的產品特性；
• 基於歷史的麵包屑專注於用戶訪問子頁面的時間順序。

麵包屑可增強用戶體驗並可能降低跳出率。 它們還可以通過改進內部鏈接來提高網站在 Google 搜索結果中的可見性。 用結構化數據補充它們可以使您的網站在 SERP 上更具吸引力，並且對搜索引擎算法更容易理解。