面包屑是用戶查找路徑的重要組件。它們可以讓用戶知道當前頁面在整個網(wǎng)站結(jié)構(gòu)中的位置，為用戶提供很多便利。他們的功能是告訴訪問者他們在網(wǎng)站上的位置和如何返回。

1、 三種面包屑導航

1、路徑類型：路徑類型breadcrumb是動態(tài)顯示用戶到達頁面的方式；

2、位置類型：位置類型面包屑是固定的，顯示網(wǎng)頁在網(wǎng)站結(jié)構(gòu)中的位置；

3、屬性類型：屬性類型面包屑給出的當前頁的分類信息。

breadcrumb導航通常位于導航下，以主頁的優(yōu)等目錄名和二級目錄名的當前位置的形式顯示。盡量將面包屑導航級別控制在四層以內(nèi)，這也有利于搜索引擎蜘蛛向下爬一層，而爬到第四層以下比較困難。

2、 面包屑導航布局

由于面包屑導航在網(wǎng)站優(yōu)化中起著非常重要的作用，所以在設(shè)計過程中一定要慎重，不僅要考慮用戶體驗，還要考慮搜索引擎的捕獲，盡量將面包屑導航控制在四個級別以內(nèi)，因為級別太多會導致網(wǎng)站面包屑航行拖沓和乏味。

breadcrumb的導航功能是提示用戶。既然是提示，提示信息越詳細越好。例如，在淘寶導航中，用戶可以清晰地看到網(wǎng)站級頁面的分類和相應(yīng)的產(chǎn)品品牌信息，以及詳細產(chǎn)品所屬的公司品牌，方便用戶選擇和給予更多選擇。

如果你想在你的移動頁面上使用breadcrumb導航，那就意味著你的移動頁面設(shè)計出了問題。可能是因為網(wǎng)站太復雜，不符合移動終端的使用場景。要解決這個問題，你需要嘗試簡化整個系統(tǒng)，并確保碎屑不會出現(xiàn)在電話上。

在面包屑中，分隔不同級別的常用方法是大于符號（），而使用它的常用方法是“父類別子類別”。當然，分詞符號的使用并不局限于此，其他網(wǎng)站會使用箭頭（？）、書名、斜線（//）等，但分詞符號的使用通常取決于網(wǎng)站的整體分詞和設(shè)計師的偏好。

3、***一個列表不需要鏈接到自身

除了面包屑中的***一個項目外，其余每個項目都應(yīng)該放置一個鏈接，因為將鏈接放置到當前頁面不僅沒有任何效果，還會讓用戶懷疑***一個項目是否是當前頁面中的同一頁面。

4、***件面包屑應(yīng)該鏈接到頭版

面包屑的***項必須鏈接到主頁，因為如果面包屑的***項不是主頁，用戶可能會懷疑面包屑是否不可信，或者網(wǎng)站上沒有***項