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