1、路徑型:路徑型面包屑是一個動態顯示用戶到達頁面經過的途徑;
2、位置型:位置型面包屑是固定的,顯示了頁面在網站結構中的位置;
3、屬性型:屬性型面包屑給出的當前頁面的分類信息。
面包屑導航一般都在導航的下面,形式一般為 首頁 > 一級目錄名稱 > 二級目錄名稱 > 目前位置,盡量要把面包屑導航的層次控制在四層以內,這樣也有利與搜索引擎蜘蛛一層層往下爬,到了四層以下就很難爬到了。
二、面包屑導航布局
1、控制層級
由于面包屑導航對網站優化起到非常關鍵的作用,所以在設計的過程中一定要謹慎對待,不只要考慮到用戶體驗的問題,于此同時還需要考慮到搜索引擎的抓取,盡可能的將面包屑導航控制在4個層級之內,因為過多的層級會導致網站面包屑導航拖沓且繁瑣。
2、做到精細化
面包屑到導航的作用就是提示用戶,既然是提示,提示信息越精細越好,如:淘寶的導航,用戶可以非常清楚的看到網站層次頁面的分類及所對應產品品牌信息,以及詳細的商品中都屬于哪家公司品牌,這樣很容易讓用戶挑選,給用更多的選擇權。
3、避免在移動端使用面包屑
若你覺得自己移動端頁面要使用面包屑導航的話,那么也就意味著你的移動網頁設計出了問題,可能是由于網站太復雜,這樣也就不符合移動端的使用場景。想解決這個問題,你需要嘗試簡化整個體系,確保面包屑不會出現在手機上。
4、使用分割符
在面包屑中,用來分隔不同層級最常見的是大于符號(>),常見的使用方法是“父類別 > 子類別”。當然,分割符號的使用并不拘泥這一種,還有的網站會使用箭頭(→)、書名號、斜杠(//)等,只不過分隔符號的使用通常取決于網站整體分隔和設計師的喜好。
5、最后一覽不需要鏈接到自身
面包屑中除了最后一項,剩下的每一項都要放連接,因為放一個指向當前頁的鏈接不僅沒有任何的作用,還會讓用戶懷疑最后一項于當前頁是不是同一個頁面。
6、面包屑的第一項應該鏈接首頁
面包屑的第一項一定要鏈接到首頁,因為若面包屑的第一項不是首頁的話,用戶可能會疑問這個面包屑不可信或該網站根本就沒有首








