麪包屑導航介紹

 

一 .來源：

麪包屑導航(Breadcrumb )這個概念來自格林童話《漢賽爾和格萊特》：

好久好久之前，在大森林的邊上住着一個貧窮的樵夫，他與妻子和兩個孩子相依爲命。他的兒子名叫漢賽爾，女兒名叫格萊特。後來樵夫的妻子去世了，他又給孩子們娶了一個後母。後母計劃把兩個孩子帶到森林的深處，而後趁他們睡着的時候跑掉。她說服他們的父親，在收成很差的時候把他們丟到森林裏，這樣的話，其餘人沒必要捱餓.漢賽爾無心中知道了後母的計劃，因而偷偷地把一塊麪包藏在了口袋裏。在去森林的路上，漢賽爾悄悄地捏碎了他的麪包，並不時地停下腳步，把碎麪包屑撒在路上。後母順利地趁孩子們睡着的時候溜掉了，漢賽爾和格萊特醒來已經是一片漆黑。漢賽爾安慰他的妹妹說：「等太陽一出來，咱們就看得見我撒在地上的麪包屑了，它必定會指給咱們回家的路。」可是當太陽升起來時，他們在地上卻怎麼也找不到一點麪包屑了，原來它們都被那些在樹林裏、田野上飛來飛去的鳥兒一點點地啄食了。故事到此並未結束，但和咱們麪包屑的故事已無關係，若是您對結局感興趣的話，能夠參照：

http://baike.baidu.com/link?url=Vbd-X1GvQc55zagUuuZ4YHowb5fiH9_cUAykm8vXcWW_haIRHmkJBwfiwAUVyiDS

「麪包屑導航」這個概念來就是來源於這個童話故事，它的做用是告訴訪問者他們目前在網站中的位置以及如何返回。

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

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

 

2、原理

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

3、做用

一、用戶體驗方面：

（1）讓用戶瞭解當前所處位置，以及當前頁面在整個網站中的位置。

（2）提供返回各個層級的快速入口，方便用戶操做。

（3）減小返回到上一級頁面的點擊或操做，不用使用瀏覽器的「返回」按鈕或網站的主要導航來返回到上一級頁面；

（4）麪包屑有利於網站內鏈的建設，用麪包屑大大增長了網站的內部鏈接，提升用戶體驗。

 

2.技術層面：

（1）不用經常佔用屏幕空間，由於它們一般是水平排列以及簡單的樣式，麪包屑路徑不會佔用頁面太多的空間。這樣的好處是，從內容過載方面來講，他們幾乎沒有任何負面影響；

（2）、體現了網站的架構層級，可以幫助用戶快速學習和了解網站內容和組織方式，從而造成很好的位置感。

（3）下降跳出率，麪包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的很是好的方法。好比說，一個用戶經過谷歌搜索到一個頁面，而後看到一個麪包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，能夠下降網站的整體跳出率；

（4）SEO優化相關。有利於百度蜘蛛對網站的抓取，蜘蛛直接沿着那個鏈走就能夠了，很方便；Google已經將麪包屑導航整合到搜索結果裏面，所以優化麪包屑導航每一個層級的名稱，多使用關鍵字，均可以實現SEO優化。麪包屑路徑，對於提升用戶體驗來講，是頗有幫助的。

 

 

3. 總體上，對於絕大多數網站來講，只有麪包屑這一種導航機制並不夠，但它們用來補充網站的主導航是最有價值的，特別是對於那些層次複雜的大型網站，或者須要綁定一堆子網站的時候更加有用。

4、適用條件

雖然眼下不少網站都流行使用麪包屑導航，可是並非全部的網站都適用。

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

一、層級較深的網站，麪包屑導航適合層級較深的網站，若是隻有一級分類的話，經過主導航就能夠起到快速定位的做用。好比「豆瓣網」類型扁平構架的網站就沒有使用麪包屑導航。

二、獨立不交叉的網站結構，因爲麪包屑網站導航路徑是線性結構的，所以網站內容必須劃分的很是清晰，且不存在交叉；不然，麪包屑導航的路徑就不是惟一的，同一分類可能出如今不一樣的路徑中，讓用戶感到困惑。

 

5、如何進行優化

1.麪包屑導航通常都在導航的下面，形式通常爲首頁 > 一級目錄名稱 > 二級目錄名稱 > 目前位置，儘可能要把麪包屑導航的層次控制在四層之內，這樣也有利與搜索引擎蜘蛛一層層往下爬，到了四層如下就很難爬到了。

2.對於一個網站來講，內部鏈接的結構搭建很是重要。像金字塔同樣，第一層的衆多頁面應該集體支持它們的上一級。因此麪包屑導航應該顯示網站的層次，而不是瀏覽歷史。除了層次之外，麪包屑導航還可能顯示的是屬性標籤。

3.麪包屑導航的連接和別的同樣，要使用文字，不要使用圖片或JS。

4.麪包屑中儘可能出現關鍵字，能夠把「首頁」這一類詞換成網站名稱，要注重細節。