面(mian)包(bao)屑是一種常見的導航工(gong)具，通常出(chu)現在網頁內容的上方。面(mian)包(bao)屑小巧，簡(jian)單(dan)，有(you)時候甚(shen)至很難引起人們(men)的注意，但就是這么一個(ge)簡(jian)單(dan)的小東(dong)西，卻有(you)十分重要(yao)的作用。今天我們(men)就教大(da)家(jia)來認識面(mian)包(bao)屑。
面包(bao)(bao)屑(xie)(xie)的(de)概念來自于童話故事“漢賽爾(er)和格萊特”，當漢賽爾(er)和格萊特穿過森林時，不小心迷(mi)路(lu)了，但他(ta)(ta)們(men)發現在沿途走過的(de)地方都撒下了面包(bao)(bao)屑(xie)(xie)，讓(rang)這些面包(bao)(bao)屑(xie)(xie)來幫助他(ta)(ta)們(men)找到回(hui)家的(de)路(lu)。所以網(wang)站(zhan)面包(bao)(bao)屑(xie)(xie)作為一種(zhong)輔助導航(hang)工具，作用是告訴(su)訪問者他(ta)(ta)們(men)目前(qian)在網(wang)站(zhan)中的(de)位置以及如(ru)何返回(hui)。
面包屑的(de)作用
● 作為一種輔助導航工具，面包屑為用戶呈現出網頁的結構層次，讓用戶知道自己目前所處的位置以及自己還能到哪里去。
● 面包屑鼓勵用戶瀏覽更多的內容，提升了整個網站的可訪問性，降低網站的跳出率。
● 利于搜索引擎蜘蛛對網站的抓取，實現網頁SEO優化。
面包屑的類型
● 基于(yu)位(wei)置的(de)面(mian)包屑：基于(yu)位(wei)置的(de)面(mian)包屑能很好的(de)反映網站的(de)結(jie)構(gou)特征，能將(jiang)網站的(de)層級結(jie)構(gou)展現(xian)在訪客面(mian)前，對于(yu)通過外部鏈接或(huo)搜(sou)索引擎進入頁面(mian)的(de)游客具有清晰的(de)指引性作(zuo)用。
● 基于路徑的面包屑：基于路徑的面包屑即歷史足跡，它所反映的不是網站的結構特征，而是游客的完整訪問路徑。此類面包屑動態生成，幫助游客記錄瀏覽的歷史足跡。
● 基于屬性的面包屑：基于屬性的面包屑常見于電子商務類網站。產品根據類別和屬性的不同而歸于不同的目錄之中，基于屬性的面包屑使用戶更容易理解產品和產品之間的關系。
什么時(shi)候使用面包屑
是否(fou)使用面(mian)包屑主要取決于網站(zhan)結(jie)構，當網站(zhan)擁(yong)有清(qing)晰，明確的多(duo)層結(jie)構時(shi)，應當使用面(mian)包屑；當網站(zhan)不具備(bei)邏輯清(qing)晰的層次結(jie)構時(shi)，就不建議使用面(mian)包屑。
如(ru)何使用面包屑
● 不要使用面包屑來替換網站主要導航系統
● 不要將當前頁面鏈接添加到面包屑中
● 使用分隔符區分不同層級
● 選擇合適的尺寸和間距
● 不要讓他成為視覺焦點
● 不要在移動端頁面使用面包屑
面包(bao)屑可以讓用(yong)(yong)戶快速(su)了(le)(le)解自(zi)己(ji)所處網(wang)站(zhan)(zhan)的(de)位置，方便用(yong)(yong)戶進一(yi)步了(le)(le)解網(wang)站(zhan)(zhan)其他(ta)頁面的(de)內容，體現了(le)(le)網(wang)站(zhan)(zhan)的(de)架構層級，能(neng)夠幫助用(yong)(yong)戶快速(su)學習和了(le)(le)解網(wang)站(zhan)(zhan)內容和組(zu)織方式，小(xiao)小(xiao)的(de)面包(bao)屑看似并不(bu)起眼，但卻承擔了(le)(le)如此重要的(de)作用(yong)(yong)。
課外學堂：如何優化著陸頁?
贊
0
有一點幫助
0
沒有幫助
小米
