網站麵包屑導航的設計技巧

麵包屑導航這個概念來自童話故事"漢賽爾和格萊特"，當漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發現在沿途走過的地方都撒下了麵包屑，讓這些麵包屑來幫助他們找到回家的路。所以，麵包屑導航的作用是告訴網站的訪問者在網站中的位置以及如何返回。下面分享一些網站麵包屑導航設計技巧：

一、可以很好的控制網站的層級

麵包屑導航是符合用戶體驗的設計，所以非常有利於提高網站一些關鍵字的排名，利於網站的優化效果。因此在做網站麵包屑導航設計時不僅僅考慮到用戶體驗的問題，還需要考慮到搜尋引擎的抓取。建議將麵包屑導航控制4個層級之內，因為過多的層級會導致網站麵包屑導航拖沓且繁瑣。

二、做到精細化

麵包屑到導航的作用就是提示用戶，既然是提示，提示訊息越精細越好，如：Yahoo奇摩超級商城的導航，用戶可以非常清楚的看到網站層次頁面的分類及所對應產品品牌訊息，以及詳細的商品中都屬於哪家公司品牌，這樣很容易讓用戶挑選，給用更多的選擇權。

三、避免在行動端使用麵包屑

若你覺得自己行動端頁面要使用麵包屑導航的話，那麼也就意味著行動網頁設計出了問題，可能是由於網站太複雜，這樣也就不符合行動端的使用場景。想解決這個問題，你需要嘗試簡化整個體系，確保麵包屑不會出現在手機上。

四、使用分割符

在麵包屑中，用來分隔不同層級最常見的是大於符號(>)，常見的使用方法是「父類別 > 子類別」。當然，分割符號的使用並不拘泥這一種，還有的網站會使用箭頭(→)、書名號、斜槓(//)等，只不過分隔符號的使用通常取決於網站整體分隔和設計師的喜好。

五、最後一項不需要連結到自身

麵包屑中除了最後一項，剩下的每一項都要放連接，因為放一個指向當前頁的連結不僅沒有任何的作用，還會讓用戶懷疑最後一項於當前頁是不是同一個頁面。

六、麵包屑的第一項應該連結首頁

麵包屑的第一項一定要連結到首頁，因為若麵包屑的第一項不是首頁的話，用戶可能會疑問這個麵包屑不可信或該網站根本就沒有首頁。這樣也有利於用戶快速的找到網站的首頁。

七、導航統一性和關鍵字避免重複

既然麵包屑導航在網站優化中充當非常重要的角色，因此我們就要讓麵包屑導航真正的做到如下的原則：

A、給每一個產品頁面都提供唯一的麵包屑導航，之所以這樣做是未來減少麵包屑導航的重複性，設置出現在以後網站優化中關鍵字競爭，而且麵包屑導航也需要清晰明了。

2、確定唯一性，我們看出Yahoo奇摩超級商城網站在麵包屑導航中做到唯一，從產品屬性到大分類都是一眼概括。