文 樹子

關(guān)于面包屑的故事（來(lái)自格林童話）

很久很久以前，在大森林的邊上住著一個(gè)貧窮的樵夫，他妻子和兩個(gè)孩子與他相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。后來(lái)樵夫的妻子去世了，他又給孩子們?nèi)⒘艘粋€(gè)后母。后母計(jì)劃把兩個(gè)孩子帶到森林的深處，然后趁他們睡著的時(shí)候跑掉。漢賽爾無(wú)意中知道了后母的計(jì)劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時(shí)地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時(shí)候溜掉了，漢賽爾和格萊特醒來(lái)已是一片漆黑。漢賽爾安慰他的妹妹說(shuō)：“等月亮一出來(lái)，我們就看得見(jiàn)我撒在地上的面包屑了，它一定會(huì)指給我們回家的路?！钡钱?dāng)月亮升起來(lái)時(shí)，他們?cè)诘厣蠀s怎么也找不到一點(diǎn)面包屑了，原來(lái)它們都被那些在樹林里、田野上飛來(lái)飛去的鳥兒一點(diǎn)點(diǎn)地啄食了。

面包屑導(dǎo)航的各種使用形式。

按照維基百科上的解釋，“面包屑通常水平地出現(xiàn)在頁(yè)面頂部，一般會(huì)位于標(biāo)題或頁(yè)頭的下方。它們提供給用戶返回之前任何一個(gè)頁(yè)面的鏈接（這些鏈接也是能到達(dá)當(dāng)前頁(yè)面的路徑），在層級(jí)架構(gòu)中通常是這個(gè)頁(yè)面的上一級(jí)級(jí)頁(yè)面。面包屑提供給用戶回溯到網(wǎng)站首頁(yè)或入口頁(yè)面的一條快速路徑，它們絕大部分看起來(lái)就像這樣：首頁(yè)→分類頁(yè)→次級(jí)分類頁(yè)?！辈坏貌怀姓J(rèn)，這是我們看到的對(duì)面包屑導(dǎo)航最好的解釋之一。

現(xiàn)在，我們可以在很多各種各樣的網(wǎng)站上看到“面包屑”的存在，通過(guò)這些出現(xiàn)在頁(yè)面最上端的文字鏈接，我們可以很快地在網(wǎng)站的多級(jí)頁(yè)面中定位，面包屑也因此成為很多網(wǎng)頁(yè)設(shè)計(jì)師們手中的“萬(wàn)金油”。

面包屑曾經(jīng)的價(jià)值

很多開發(fā)者認(rèn)為，面包屑的價(jià)值主要體現(xiàn)在三個(gè)方面，首先是提供了多路徑的交互方式，方便用戶跳轉(zhuǎn)到其它頁(yè)面；其次，從一個(gè)側(cè)面展示了該信息集合的信息結(jié)構(gòu)和集合方式；同時(shí)面包屑的信息結(jié)構(gòu)對(duì)于網(wǎng)站SEO也有一定的價(jià)值，可以向搜索引擎強(qiáng)調(diào)關(guān)鍵字，優(yōu)化網(wǎng)站在搜索引擎中的排名。

面包屑導(dǎo)航在網(wǎng)站中的應(yīng)用主要包括三種類型。

第一種是基于路徑的定位?；诼窂蕉ㄎ坏拿姘硷@示出用戶正處在網(wǎng)站的哪一個(gè)級(jí)別頁(yè)面，當(dāng)網(wǎng)站的層級(jí)多于兩級(jí)，那么面包屑將可以讓用戶迅速地在多個(gè)層級(jí)中前進(jìn)或后退。基于路徑定位的面包屑其實(shí)也是網(wǎng)站結(jié)構(gòu)的線性表示，是整個(gè)網(wǎng)站中某個(gè)固定的位置，換句話說(shuō)，不管用戶是從頁(yè)面旁邊的推薦欄進(jìn)入還是從文章下方的相關(guān)話題進(jìn)入，在到達(dá)某一個(gè)頁(yè)面之后，面包屑的位置都是固定的。這也是我們最常見(jiàn)到的面包屑。

第二種是基于動(dòng)態(tài)路線的面包屑，當(dāng)前顯示的面包屑導(dǎo)航是根據(jù)用戶的點(diǎn)擊產(chǎn)生的，根據(jù)到達(dá)方式的不同，特定頁(yè)面上的面包屑路徑也不同。

第三種則是基于屬性的面包屑，屬性面包屑是描述一個(gè)頁(yè)面在數(shù)據(jù)庫(kù)中的位置，從根本上來(lái)說(shuō)，這是描述頁(yè)面的某種屬性而非具體位置。

什么時(shí)候使用面包屑？

我們最?？吹矫姘嫉目赡芫褪穷愃朴谔詫殹⒕〇|這樣的電子商務(wù)網(wǎng)站。由于電子商務(wù)網(wǎng)站的商品列表一般是按照類型進(jìn)行分類排列的，因此面包屑的導(dǎo)航作用非常明顯。

如果是個(gè)人博客一類的網(wǎng)站，頁(yè)面之間沒(méi)有過(guò)多的邏輯等級(jí)，或者根本沒(méi)有分類，那么面包屑就顯得有些多余，因?yàn)槊姘贾饕菫榱颂岣哂脩粼谀骋粚蛹?jí)與其他層級(jí)之間的跳轉(zhuǎn)和定位能力，因此如果層級(jí)不明顯或根本沒(méi)有層級(jí)，那么面包屑就沒(méi)有存在的價(jià)值。

面包屑導(dǎo)航應(yīng)該作為擴(kuò)展的功能，不能替代有效的主要導(dǎo)航菜單。但是從用戶角度來(lái)說(shuō)，面包屑還是有一定的優(yōu)勢(shì)。

首先無(wú)可置疑的是面包屑肯定方便了用戶，為一個(gè)大型多級(jí)網(wǎng)站的所有頁(yè)面提供面包屑路徑，可以讓用戶更快地在頁(yè)面中定位，同時(shí)減少返回上一級(jí)或者上幾級(jí)頁(yè)面的操作。從網(wǎng)站建設(shè)者的角度來(lái)說(shuō)，面包屑所占用的空間很小，幾乎不會(huì)對(duì)用戶瀏覽造成影響，而且還可以讓新加入的用戶了解到網(wǎng)站的內(nèi)容分類，發(fā)現(xiàn)更有興趣的內(nèi)容，從而更長(zhǎng)時(shí)間地停留在網(wǎng)站上。

面包屑將走向消亡？

雖然面包屑有著這樣那樣的好處，但還是有很多專家并不認(rèn)同，特別是不認(rèn)同基于路徑定位的面包屑，因?yàn)樗蜑g覽器的“后退”功能有些重復(fù)，而且這類面包屑不適用于內(nèi)容過(guò)于豐富、單個(gè)分類無(wú)法完整描述單元內(nèi)容的網(wǎng)站。這在擁有強(qiáng)大的搜索導(dǎo)航網(wǎng)站，比如Amazon上是常見(jiàn)的情況。

另一方面，面包屑的表現(xiàn)形式和本質(zhì)都決定了它的存在是線性的，但是互聯(lián)網(wǎng)的組織結(jié)構(gòu)恰恰是網(wǎng)狀的，用線性的導(dǎo)航來(lái)覆蓋網(wǎng)狀的內(nèi)容，這本來(lái)就不是最合適的方式，用戶使用面包屑的結(jié)果就是只能按照設(shè)定者設(shè)定的方向和路線前進(jìn)。

諸如新浪這樣的新聞門戶對(duì)面包屑導(dǎo)航的需求就不太大。

至于面包屑對(duì)用戶所處位置的定位和展示，深究起來(lái)這并不是決定性的因素。網(wǎng)站可用性之父Jakob Nielson曾經(jīng)表示，面包屑還有點(diǎn)作用的主要原因，是它是一件做起來(lái)不太費(fèi)力、占用面積很小、沒(méi)有什么學(xué)習(xí)成本的事情。但當(dāng)網(wǎng)站本身信息架構(gòu)不夠清晰穩(wěn)固的時(shí)候，面包屑只會(huì)為用戶增加使用麻煩。

典型的不需要使用面包屑的網(wǎng)站類型就是門戶網(wǎng)站，因?yàn)殚T戶網(wǎng)站的內(nèi)容太過(guò)龐大和豐富，很多信息或許根本就不能被明確地劃分到某個(gè)類別里。唐駿“拍電影”的新聞既可以放到娛樂(lè)欄目也可以放到IT欄目，甚至放到文化欄目也是可以的。在這種情況下，線性的面包屑列表就很難表現(xiàn)出當(dāng)前所處的位置，甚至?xí)o用戶帶來(lái)誤解。

另一方面，如果網(wǎng)站本身的導(dǎo)航系統(tǒng)就很完善，在導(dǎo)航上就會(huì)標(biāo)明當(dāng)前的位置，那么面包屑的存在也就可有可無(wú)了。我們甚至可以認(rèn)為，面包屑在某些網(wǎng)站上的存在完全就是為了彌補(bǔ)導(dǎo)航系統(tǒng)出現(xiàn)的問(wèn)題，特別是對(duì)于結(jié)構(gòu)簡(jiǎn)單的個(gè)人網(wǎng)站來(lái)說(shuō)，事先設(shè)計(jì)好導(dǎo)航系統(tǒng)比面包屑更有價(jià)值。面包屑的存在是為了用戶體驗(yàn)，不是為了SEO更不是為了炫耀，只有大型的，多層次的網(wǎng)站才有必要使用面包屑，小型的單層次的網(wǎng)站即使使用面包屑也不會(huì)給用戶的使用和SEO帶來(lái)什么好處。