文 樹子

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

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

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

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

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

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

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

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

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

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

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

什么時候使用面包屑？

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

如果是個人博客一類的網(wǎng)站，頁面之間沒有過多的邏輯等級，或者根本沒有分類，那么面包屑就顯得有些多余，因為面包屑主要是為了提高用戶在某一層級與其他層級之間的跳轉(zhuǎn)和定位能力，因此如果層級不明顯或根本沒有層級，那么面包屑就沒有存在的價值。

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

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

面包屑將走向消亡？

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

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

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

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

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

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