什么叫面包屑導航：面包屑導航這個概念來源格林童話《漢賽爾和格萊特》：很久很久以前，在大森林的邊上住著一個貧窮的樵夫，他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。后來樵夫的妻子去世了，他又給孩子們娶了一個后母。后母計劃把兩個孩子帶到森林的深處，然后趁他們睡著的時候跑掉。她說服他們的父親，在收成不好的時候把他們丟到森林里，這樣的話，其他人不必挨餓.漢賽爾無意中知道了后母的計劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時候溜掉了，漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說：“等太陽一出來，我們就看得見我撒在地上的面包屑了，它一定會指給我們回家的路。”但是當太陽升起來時，他們在地上卻怎么也找不到一點面包屑了，原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。故事到此并未結束，但和我們面包屑的故事已無關系。

面包屑導航來就是來源于這個童話故事，如果有人問你什么是面包屑導航，你就可以告訴他這個小故事，而它的作用是告訴訪問者他們目前在網站中的位置以及如何返回。

面包屑導航的作用在于明確告知用戶目前處于網站的何種位置，方便用戶通過該導航快速達到上級頁面。

從用戶體驗角度講，這種導航的設計是建議在當前窗口打開的，而不是另外開一個新窗口或者新tab。

1、原理分析

在這個童話故事里里，面包屑是漢賽爾在進入森林的路中偷偷撒下的，這是一種歷史記錄的應用方式，目的是幫助你追溯來路，因而它應該是一種線性的導航方式。不過在網頁的應用中，追溯來路這件事瀏覽器已經做得足夠好了，所以面包屑慢慢地就變成用來表達內容歸屬關系的界面元素，也就是我們經常看到的“主分類>一級分類>二級分類>三級分類>……>最終內容頁面”這樣的方式。但是一般正常的來講目錄結構由3層結構組成。分別是首頁>欄目頁>內容頁。合理的構建目錄結構可以讓用戶隨時隨地的找到自己所在的位置又能保證欄目分類后的各個欄目的權重不至于太分散。同時在許多關于網站用戶使用體驗的調查報告中也得出超過3次點擊訪客還沒有找到需要的信息，訪客就很大的可能性會離開網站。所以，3層目錄結構也是瀏覽體驗的需要。

2、網站導航結構

所謂的網站的導航結構指的是引導用戶訪問網站的欄目、菜單、在線幫助、分類等布局結構等形式的總稱。所以網站建設的過程中一定要使網站導航結構清晰，能夠使訪問者在最短時間內找到自己喜歡的內容。對于導航的布局搜索引擎和用戶都有利，便于提升網站內的用戶操作和瀏覽，也便于搜索引擎目錄索引和識別。

3、如何體現整站架構

國內四大門戶網站里，關于面包屑導航設計里，網易跟騰訊是有首頁鏈接的，而新浪跟搜狐則是沒有首頁與鏈接的。

在包括首頁鏈接的導航結構里又分為兩種，其一是如網易般的在首頁之前還有當前頻道首頁的鏈接，這點與新浪以及搜狐的設計是一樣的;另一種則是如騰訊般的最上級直接就是首頁。

如網易這般的面包屑導航設計可以突顯出當前頻道，但同時也存在另一個問題，那就是在同一個導航中出現了兩個相同的鏈接，提供了更多入口的同時也讓更容易讓用戶迷惑。

而在面包屑導航里不包括首頁的設計則給人感覺怪異，就如同從一棟大廈門口進去到某個樓層的某個房間，結果出房間的時候發現指示牌里沒有大廈門口的指示位置，只是指示到這一樓層的門口。

這樣的設計不得不讓人聯想到，這是一種各自為政的作法，大可能的把用戶留在當前頻道里，而不管用什么方法。一個完整的面包屑導航應該是從最初的入口開始，也許很多用戶的最初入口直接就是某個頻道首頁，但不可否認，面包屑導航的遞減架構的最上級應該是如金字塔的最底層一樣，而國內網站們的首頁設計就如金字塔的最底層一樣，信息龐大而復雜，網站首頁是整站中聚集度高的地方。

面包屑導航一般都在導航的下面，形式一般為 首頁 > 一級目錄名稱 > 二級目錄名稱 > 目前位置，盡量要把面包屑導航的層次控制在四層以內，這樣也有利與搜索引擎蜘蛛一層層往下爬，到了四層以下就很難爬到了。

雖然眼下很多網站都流行使用面包屑導航，但是并不是所有的網站都適用。

符合下面兩個條件的網站才適合使用面包屑導航

1、層級較深的網站，面包屑導航適合層級較深的網站，如果只有一級分類的話，通過主導航就可以起到快速定位的作用。比如豆瓣網類型扁平構架的網站就沒有使用面包屑導航。

2、獨立不交叉的網站結構，由于面包屑網站導航路徑是線性結構的，因此網站內容必須劃分的非常清晰，且不存在交叉;否則，面包屑導航的路徑就不是唯一的，同一分類可能出現在不同的路徑中，讓用戶感到困惑。