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

一、可以很好的控制網(wǎng)站的層級

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

二、做到精細化

面包屑到導航的作用就是提示用戶，既然是提示，提示信息越精細越好，如：京東的導航，用戶可以非常清楚的看到網(wǎng)站層次頁面的分類及所對應產(chǎn)品品牌信息，以及詳細的商品中都屬于哪家公司品牌，這樣很容易讓用戶挑選，給用更多的選擇權。

三、避免在移動端使用面包屑

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

四、使用分割符

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

五、最后一項不需要鏈接到自身

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

六、面包屑的第一項應該鏈接首頁

面包屑的第一項一定要鏈接到首頁，因為若面包屑的第一項不是首頁的話，用戶可能會疑問這個面包屑不可信或該網(wǎng)站根本就沒有首頁。這樣也有利于用戶快速的找到網(wǎng)站的首頁。

七、導航統(tǒng)一性和關鍵詞避免重復
既然面包屑導航在網(wǎng)站優(yōu)化中充當非常重要的角色，因此我們就要讓面包屑導航真正的做到如下的原則：

A、給每一個產(chǎn)品頁面都提供唯一的面包屑導航，之所以這樣做是未來減少面包屑導航的重復性，設置出現(xiàn)在以后網(wǎng)站優(yōu)化中關鍵詞競爭，而且面包屑導航也需要清晰明了。

B、確定唯一性，我們看出淘寶網(wǎng)站在面包屑導航中做到唯一，從產(chǎn)品屬性到大分類都是一眼概括。