在生活當(dāng)中我們?nèi)サ侥吧牡胤蕉己ε旅月?，但是有路牌存在的話就可以幫助我們?cè)谀吧牡胤揭材苷仪宄较?，通過(guò)路牌找到我們的目的地?；蛘咧辽僦牢覀?cè)谑裁次恢谩＞W(wǎng)站中的面包屑導(dǎo)航就是為了這樣的需求而設(shè)計(jì)的，面包屑導(dǎo)航可以幫助用戶在陌生的網(wǎng)站訪問(wèn)也能找清楚自己的方向?？梢越档途W(wǎng)站的跳出率增加訪客瀏覽頁(yè)面數(shù)量。
什么是面包屑導(dǎo)航？
面包屑導(dǎo)航(BreadcrumbNavigation)這個(gè)概念來(lái)自童話故事“漢賽爾和格萊特”，當(dāng)漢賽爾和格萊特穿過(guò)森林時(shí)，不小心迷路了，但是他們發(fā)現(xiàn)在沿途走過(guò)的地方都撒下了面包屑，讓這些面包屑來(lái)幫助他們找到回家的路。所以，面包屑導(dǎo)航的作用是告訴訪問(wèn)者他們目前在網(wǎng)站中的位置以及如何返回。
面包屑導(dǎo)航是有著不少的作用，但不是所有網(wǎng)站都要用面包屑導(dǎo)航，有些頁(yè)面比較少的網(wǎng)站或者單頁(yè)網(wǎng)站就不太需要面包屑導(dǎo)航。而一些擁有大量?jī)?nèi)容結(jié)構(gòu)比較復(fù)雜的網(wǎng)站，面包屑導(dǎo)航就能發(fā)揮它的作用了。
為什么網(wǎng)站要設(shè)置面包屑導(dǎo)航
面包屑導(dǎo)航是網(wǎng)站的一個(gè)輔助設(shè)計(jì)，它可以告知用戶現(xiàn)在所處的位置，同時(shí)可以向用戶表明網(wǎng)站的層級(jí)結(jié)構(gòu)。使得用戶可以通過(guò)面包屑導(dǎo)航清楚的知道目前頁(yè)面所處的位置，以及方便他們繼續(xù)瀏覽其他位置的頁(yè)面。提升用戶體驗(yàn)。
除了為用戶瀏覽網(wǎng)站提供便利之外，面包屑導(dǎo)航也有助于搜索引擎優(yōu)化。搜索引擎通過(guò)面包屑導(dǎo)航可以快速的爬取網(wǎng)站的內(nèi)容。面包屑導(dǎo)航的層級(jí)關(guān)系也能很好的給相關(guān)頁(yè)面進(jìn)行權(quán)重傳遞。
面包屑導(dǎo)航的結(jié)構(gòu)
一、基于位置的面包屑導(dǎo)航
這種類型是最常見的。這種類型的面包屑導(dǎo)航可以很好的指出當(dāng)前頁(yè)面與整個(gè)站點(diǎn)的層次結(jié)構(gòu)。這種面包屑導(dǎo)航可以顯示當(dāng)前頁(yè)面的前一個(gè)頁(yè)面或者目錄的鏈接?？梢允乖L客了解自己的位置，以及可以更快的找到自己想要到達(dá)的頁(yè)面?？梢院芎玫奶岣哂脩舻挠押皿w驗(yàn)。
二、基于屬性的面包屑導(dǎo)航
這種面包屑導(dǎo)航最常出現(xiàn)在電子商務(wù)站點(diǎn)。這種面包屑導(dǎo)航可以很好的指出當(dāng)前頁(yè)面內(nèi)產(chǎn)品的其他屬性或者類別。對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō)，所具有的屬性往往不只有一種，而通過(guò)這種面包屑導(dǎo)航可以給消費(fèi)者一個(gè)更加直觀的了解。
三、基于路徑的面包屑導(dǎo)航
這種面包屑導(dǎo)航是最不常見到的。這種面包屑導(dǎo)航和上文所說(shuō)的童話故事類型很像。他們可以顯示訪客在到達(dá)頁(yè)面前所訪問(wèn)過(guò)的網(wǎng)頁(yè)的鏈接。這種面包屑導(dǎo)航不是很受歡迎，因?yàn)樗麄兊墓δ芑旧鲜呛颓斑M(jìn)和后退的按鈕是一樣的。
