浩科先帶您了解一下關于面包屑的一個小故事，面包屑導航(BreadcrumbNavigation)這個概念來自童話故事“漢賽爾和格萊特”，當漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發現沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路。所以，面包屑導航的作用是告訴訪問者他們在網站中的位置以及怎樣返回。
一、基于位置的面包屑導航
這種類型是其常見的。這種類型的面包屑導航可以很好的指出當前頁面與整個站點的層次結構。這種面包屑導航可以顯示當前頁面的前一個頁面或者目錄的鏈接。可以使訪客了解自己的位置，以及可以更快的找到自己想要到達的頁面。可以很好的提高用戶的友好體驗。
二、基于屬性的面包屑導航
這種面包屑導航其常出現電子商務站點。這種面包屑導航可以很好的指出當前頁面內產品的其他屬性或者類別。對于一個產品來說，所具有的屬性往往不只有一種，而通過這種面包屑導航可以給消費者一個更加直觀的了解。
三、基于路徑的面包屑導航
這種面包屑導航是其不常見到的。這種面包屑導航和上文所說的童話故事類型很像。他們可以顯示訪客在到達頁面前所訪問過的網頁的鏈接。這種面包屑導航不是很受歡迎，因為他們的功能基本上是和前進和后退的按鈕是一樣的。
并不是所有網站都需要用到面包屑導航
雖然眼下很多網站都流行使用面包屑導航，但是并不是所有的網站都適用。符合下面兩個條件的網站才適合使用面包屑導航。
1、層級較深的網站，面包屑導航適合層級較深的網站，如果只有一級分類的話，通過主導航就可以起到快速定位的作用。比如“豆瓣網”類型扁平構架的網站就沒有使用面包屑導航。
2、獨立不交叉的網站結構，由于面包屑網站導航路徑是線性結構的，因此網站內容必須劃分的非常清晰，且不存在交叉；否則，面包屑導航的路徑就不是唯一的，同一分類可能出現不同的路徑中，讓用戶感到困惑。
建網站設計面包屑導航能給網站帶來的好處和作用
1、讓用戶了解當前所處位置，以及當前頁面在整個網站中的位置。
2、體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感。
3、提供返回各個層級的快速入口，方便用戶操作。
4、現在搜索引擎已經將面包屑導航整合到搜索結果里面，因此優化面包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。面包屑路徑，對于提高用戶體驗來說，是很有幫助的。
5、方便用戶，面包屑主要用于為用戶提供導航一個網站的次要方法，通過為一個大型多級網站的所有頁面提供面包屑路徑，用戶可以更容易的定位到上一次目錄，引導用戶通行；
6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的“返回”按鈕或網站的主要導航來返回到上一級頁面；
7、不用常常占用屏幕空間，因為它們通常是水平排列以及簡單的樣式，面包屑路徑不會占用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響；
8、降低跳出率，面包屑路徑會是一個誘惑首次訪問者在進入一個頁面后去瀏覽這個網站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然后看到一個面包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。
9、有利于百度蜘蛛對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。
10、面包屑有利于網站內鏈的建設，用面包屑大大增加了網站的內部連接，提高用戶體驗。