移動優先策略的 11 個麵包屑 SEO 最佳實踐

他們的設計是原型。 他們在頁面上的位置似乎很明顯。 多年來，他們已經證明了他們對 SEO 的價值。 然而，隨著我們轉向移動優先索引，許多網站的麵包屑導航錯誤或根本沒有麵包屑路徑。

這是一個錯誤。

當針對移動設備進行最佳實施時，麵包屑有利於 SEO 和可用性。 這是您需要知道的一切，以使它們正確。

什麼是麵包屑導航？

通常，麵包屑導航是一行上下文鏈接，指示用戶在網站上的位置。 它們是輔助導航的一種形式，允許用戶在站點層次結構中跟踪他們的路徑。

什麼時候應該使用麵包屑？

並非所有網站都受益於麵包屑。 對於以下網站，它們不是必需的：

• 不包含許多嵌套導航級別。
• 沒有邏輯層次結構或分組。
• 被設計為線性體驗。

對於此類具有扁平結構且大部分內容都位於同一級別的網站，麵包屑不會提供任何價值，因為它們不會包含超過兩個級別。

即使對於大型網站也是如此。 例如，一個商業新聞網站可能提供許多主題和數千篇文章，但不需要多級導航。

另一方面，對於基於復雜層次結構的站點，麵包屑是必不可少的。 典型的例子是電子商務，但它們的應用範圍要廣泛得多。

問題是如何讓麵包屑對用戶和谷歌都有幫助。 這本身就是一門藝術。

3種麵包屑路徑

大多數用戶體驗專家認可三種類型：

• 基於路徑（又名，基於歷史）的麵包屑
• 基於屬性的麵包屑
• 基於層次結構（又名，基於位置）的麵包屑

對於 SEO，應該只有一個：分層麵包屑。 這就是為什麼。

基於路徑的麵包屑路徑顯示用戶通往其當前頁面的獨特步驟。

顯示用戶之前的點擊路徑並不是 SEO 或可用性的最佳實踐。

• 它複製了瀏覽器後退按鈕提供的功能。
• 對於登陸網站深處頁面的用戶來說，它是無用的。
• 它通常是冗長的、重複的，最終會讓用戶感到困惑。
• 由於麵包屑是動態的並且對於每個會話都是唯一的，因此搜索引擎不會處理內部鏈接。

麵包屑應該顯示層次結構，而不是歷史。

當特定頁面上的內容屬於多個類別和屬性時，鼓勵使用基於屬性的麵包屑。 例如，鞋子可以是黑色、腳踝長度的帶鞋跟的靴子。

這些特徵沒有邏輯層次結構。 所以有一個問題是按什麼順序顯示麵包屑。 麵包屑軌跡是否應該如下所示：

首頁 > 靴子 > 高跟鞋 > 黑色 > 踝長

或者

首頁 > 高跟鞋 > 靴子 > 腳踝長度 > 黑色

或者其他一些組合。

我已經看到了根據屬性使用或查詢量指定主要路徑的建議。 或者個性化麵包屑路徑，使其反映站點層次結構中每個用戶的個人路徑。 兩者都是錯誤的方法。

而不是試圖將麵包屑的線性結構強加在天生多層次的東西上。 放棄要求它們位於麵包屑路徑中的要求。 而是以適合其性質的格式將屬性顯示為過濾器選項。

這給我們留下了基於層次結構的麵包屑導航。 這些可視化站點架構的深度，從最廣泛的頂級類別開始，然後通過更具體的嵌套子類別向下進行，然後到達當前頁面。

層次麵包屑是最常用、最直觀、最強大的 SEO。 因此，將是本文其餘部分考慮的唯一類型。

麵包屑導航和結構化數據的 SEO 優勢

麵包屑是支持尋路的基本元素——引導用戶並提供對相關更高級別頁面的一鍵訪問。 當訪問者登陸網站層次結構深處的頁面時，這一點尤其重要。 例如，在產品頁面上點擊長尾查詢 Google 搜索結果後。

但這不僅僅是網站的可用性。 麵包屑支持 SEO 過程的每一步。

1.更多爬行

麵包屑生成的內部鏈接有助於將層次結構的所有級別暴露給搜索引擎爬蟲。 這對於較低級別尤其重要，在沒有此類信號的情況下，可能無法到達或到達時可能無法在 Google 的抓取隊列中獲得足夠高的優先級。

可以通過減少 Google Search Console 中“已發現 - 當前未編入索引”的排除項和增加抓取頻率來衡量這些好處。

2. 更好的索引

分層鏈接有助於 Google 將內容上下文化並正確關聯站點結構中的頁面。 如果 Google 僅通過站點地圖文件查看 URL，則他們不了解這些 URL 是如何相互關聯的。

當 Google 試圖了解頁面在站點上下文中的相關性時，這會導致困難。 麵包屑鏈接支持主題孤島的形成，這對於以實體為中心的索引變得越來越重要。

可以通過增加 Google Search Console 中的有效 URL 和更快的索引速度來衡量這些好處。

3. 更高的排名、SERP 點擊和自然會話

麵包屑以兩種方式支持排名：

• 加強內部鏈接架構：允許鏈接公平在主題相關頁面之間流動。
• 將關鍵字包含在首屏的一種自然方式：這不太可能對競爭激烈的查詢產生影響，但可以對長尾產生影響。

可以通過平均排名下降以及 Google Search Console 中展示次數的增加來衡量收益。 排名的提高自然會增加點擊次數，從而增加自然會話。

現場麵包屑與模式標記麵包屑

頁面上顯示的麵包屑和麵包屑模式標記是分開的。 僅僅因為網站上有麵包屑，並不意味著有麵包屑結構化數據。

了解您的網站是否具有有效的麵包屑模式標記的最快方法是檢查 Google Search Console 中的麵包屑報告。 如果您看到錯誤，請查看 BreadcrumbList 結構化數據。

為了獲得最佳影響，最好兩者不僅存在，而且相互印證對方關於網站結構的信息。 這將進一步支持谷歌對內容進行上下文化，再次導致更好的索引。

此外，麵包屑結構化數據可以通過將 URL 路徑更改為 SERP 片段中的麵包屑路徑來幫助有機性能。 儘管即使沒有麵包屑標記，Google 也可以顯示麵包屑路徑。

相反，與大多數標記一樣，僅存在模式標記並不能保證更改，並且有時會導致次優的麵包屑路徑結果，這通常取決於長度。 因此，請仔細跟踪影響。 但對於大多數網站來說，麵包屑結構化數據是一種最佳實踐。

最佳實踐麵包屑導航

麵包屑導航以前一直是一個始終如一的界面組件。 可能是因為它們相對簡單。

存在分層鏈接，它們由某種分隔符分隔。 但隨後移動優先出現，事情變得複雜起來。 需要針對較小的屏幕修改歷史最佳實踐。

那麼，移動端 UX 的麵包屑最佳實踐是什麼？

關鍵的用戶體驗最佳實踐是：

• 始終可用：麵包屑應該出現在每個相關頁面上。 相關意味著它們增加了重要的尋路價值，值得放在首要位置。
• 邏輯位置：將麵包屑直接定位在主導航菜單下方和 H1 上方。 這是用戶期望的地方。 放在其他任何地方，您將無法獲得全部的可用性優勢，並且如果頁面較低，則會降低其內部鏈接能力。
• 清晰的開始和結束：麵包屑應該顯示從主頁到當前頁面的旅程。 主頁充當錨點，為用戶提供強烈的方向感。 將最後一項顯示為不可點擊且視覺上不同的元素可以向用戶確認他們當前所在的頁面。
• 符號分隔符：用於分隔麵包屑路徑中的超鏈接的最佳分隔符仍然是“大於”符號 (>)，因為它既簡潔又指示頁面之間的關係。 斜杠 (/) 或豎線 (|) 等其他選項不表示層次結構。 而 » 和 -> 等選項會佔用不必要的空間。
• 大小恰到好處：使用小字體保持麵包屑設計簡單且不顯眼，儘管足夠大且填充足夠成為點擊目標，其風格與網站其餘部分的文本鏈接一致。 不要用諸如“你在這裡”或“導航”之類的不必要的文字使行變得混亂。

而且，移動優先索引的麵包屑搜索引擎優化最佳實踐是什麼？

這很簡單，但是很多網站都弄錯了。 以與桌面相同的設計在移動設備上顯示麵包屑。

像任何關鍵的 SEO 元素一樣，這些元素必須在服務器端呈現並且可以在不啟用 JavaScript 的情況下進行抓取。

包括從層次結構到當前頁面的完整導航路徑。 鏈接所有這些頁面，除了最後一項，以避免重新加載頁面的自引用鏈接混淆。 不要通過省略步驟或用“...”截斷中間步驟或僅包括最後一級來縮短麵包屑。 這些都否定了麵包屑搜索引擎優化的力量。

那麼問題就變成了，如何在移動設備上包含所有沒有麵包屑的鏈接。 不僅因為多行麵包屑路徑不能很好地說明鏈的結構。 但更重要的是，因為它佔用了小屏幕上寶貴的空間。

為了在不犧牲設計或可用性的情況下實現單行麵包屑，請利用溢出。 這允許用戶滑動以查看整個路徑，這可以通過包含滑動助手或水平滾動條來鼓勵。 但是，必須使用 CSS 實現溢出以保持對 SEO 友好。

僅僅因為麵包屑現在漂亮地坐在一行上，並沒有授予讓用戶在滾動時工作的許可。 保持錨文本簡潔和關鍵字相關。

不要覺得您必須在麵包屑中反映頁面標題。 擁有它很好，但不會以它們變得冗長或重複為代價。 並且永遠不要使用省略號切斷頁面標題。 而是決定使用一個清晰的短名稱。

例如，在一個屬性門戶上，如果你基於標題，你最終可能會得到麵包屑：

主頁 > 待售物業 > 待售房屋 > 倫敦待售房屋 > 伊斯靈頓待售房屋 > 伊斯靈頓待售 3 居室房屋

而不是簡潔：

首頁 > 出售 > 獨立屋 > 倫敦 > 伊斯靈頓 > 3 Bed

麵包屑是必不可少的

麵包屑導航是層次復雜的網站的一種基本形式的二級導航。 它們支持尋路、提高可用性和減少來自 Google SERP 的 pogo-sticking。

此外，它促進了 SEO，因為它促進了爬網、將內容上下文化以進行索引和提供內部鏈接公平性。 由於 CSS 溢出，整個麵包屑路徑的移動優先扭曲在單行上的原型樣式將顯示麵包屑的全部功能。

本文中表達的觀點是客座作者的觀點，不一定是 Search Engine Land。 工作人員作者在這裡列出。