我們真的需要“面包屑”嗎？

文 樹子

關于面包屑的故事（來自格林童話）

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

面包屑導航的各種使用形式。

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

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

面包屑曾經的價值

很多開發者認為，面包屑的價值主要體現在三個方面，首先是提供了多路徑的交互方式，方便用戶跳轉到其它頁面；其次，從一個側面展示了該信息集合的信息結構和集合方式；同時面包屑的信息結構對于網站SEO也有一定的價值，可以向搜索引擎強調關鍵字，優化網站在搜索引擎中的排名。

面包屑導航在網站中的應用主要包括三種類型。

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

第二種是基于動態路線的面包屑，當前顯示的面包屑導航是根據用戶的點擊產生的，根據到達方式的不同，特定頁面上的面包屑路徑也不同。

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

什么時候使用面包屑？

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

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

面包屑導航應該作為擴展的功能，不能替代有效的主要導航菜單。但是從用戶角度來說，面包屑還是有一定的優勢。

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

面包屑將走向消亡？

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

另一方面，面包屑的表現形式和本質都決定了它的存在是線性的，但是互聯網的組織結構恰恰是網狀的，用線性的導航來覆蓋網狀的內容，這本來就不是最合適的方式，用戶使用面包屑的結果就是只能按照設定者設定的方向和路線前進。

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

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

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

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