面包屑是作為輔助和補充的導航方式,它能讓用戶知道在網站或應用中所處的位置并能方便地回到原先的地點。 最常見的面包屑的樣式是:橫向的文字鏈接,由大于號“>”分開,這個符號也暗示了它們的層級關系。
下面給大家介紹一下網站設計之面包屑導航設計技巧:
1. 不要用面包屑代替導航頁簽
網站導航和面包屑導航也許看起來有些相似,但是功能與使用場景完全不同,不應該以簡化頁面為目的只保留其中一個。
2.面包屑的大小
面包屑是一種輔助導航,在頁面中不應該起支配作用。面包屑和主導航相比至少要比較小、或不太突出。在確定面包屑大小的時候,一個較很好的方法是,當訪問這個頁面的時候,它不應該是頁面中最醒目的元素。如果第一眼就注意到了面包屑,可能就需要再弱化一點。
3. 面包屑應該用來展示系統層級
如果用戶是從首頁層層深入,系統層級與歷史記錄是沒有區別的,但是如果用戶從外部鏈接進入,這兩個差別就大了。為了給用戶提供真正有用的信息,面包屑展示的不應該是歷史記錄,而應該是系統層級。
4.每個頁面只要有一個面包屑導航,唯一性
這就是減少面包屑導航重復性,設置出現在以后網站優化中關鍵詞競爭,而且面包屑導航也需要清晰和明了,例如,這種形式的面包屑導航。
5. 面包屑中最后一項(當前頁)不需要鏈接到自身
面包屑的每一項都要放鏈接的,除了最后一項,因為放一個指向當前頁的鏈接不但沒有必要,還會讓用戶懷疑最后一項到底和當前頁是不是同一頁。
6.減少返回到上一級頁面的點擊或操作
不用使用瀏覽器的“返回”按鈕或網站的主要導航來返回到上一級頁面 ,用戶現在可以使用用更少點擊數的面包屑來。
7.面包屑中添加關鍵字
面包屑對于網站的SEO有著很大的影響作用,因此把握關鍵字的設置也許能為網站帶來更多的流量。
8.面包屑的第一項應該鏈接首頁
面包屑的第一項如果不是首頁,用戶可能會有疑問這個面包屑不可信或者該網站根本沒有首頁。
總結:面包屑導航設計看起來簡單,但是在網站友好度上和SEO上起著非常大的作用,面包屑導航是網站中最重要的模塊。