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

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

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

二、做到精細(xì)化

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

三、避免在移動(dòng)端使用面包屑

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

四、使用分割符

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

五、最后一項(xiàng)不需要鏈接到自身

面包屑中除了最后一項(xiàng)，剩下的每一項(xiàng)都要放連接，因?yàn)榉乓粋€(gè)指向當(dāng)前頁(yè)的鏈接不僅沒(méi)有任何的作用，還會(huì)讓用戶(hù)懷疑最后一項(xiàng)于當(dāng)前頁(yè)是不是同一個(gè)頁(yè)面。

六、面包屑的第一項(xiàng)應(yīng)該鏈接首頁(yè)

面包屑的第一項(xiàng)一定要鏈接到首頁(yè)，因?yàn)槿裘姘嫉牡谝豁?xiàng)不是首頁(yè)的話，用戶(hù)可能會(huì)疑問(wèn)這個(gè)面包屑不可信或該網(wǎng)站根本就沒(méi)有首頁(yè)。這樣也有利于用戶(hù)快速的找到網(wǎng)站的首頁(yè)。

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

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

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