在生活當(dāng)中我們?nèi)サ侥吧牡胤蕉己ε旅月?,但是有路牌存在的話就可以幫助我們在陌生的地方也能找清楚方向,通過路牌找到我們的目的地?;蛘咧辽僦牢覀冊谑裁次恢?。網(wǎng)站中的面包屑導(dǎo)航就是為了這樣的需求而設(shè)計(jì)的,面包屑導(dǎo)航可以幫助用戶在陌生的網(wǎng)站訪問也能找清楚自己的方向??梢越档途W(wǎng)站的跳出率增加訪客瀏覽頁面數(shù)量。
什么是面包屑導(dǎo)航?
面包屑導(dǎo)航(BreadcrumbNavigation)這個(gè)概念來自童話故事“漢賽爾和格萊特”,當(dāng)漢賽爾和格萊特穿過森林時(shí),不小心迷路了,但是他們發(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)站的一個(gè)輔助設(shè)計(jì),它可以告知用戶現(xiàn)在所處的位置,同時(shí)可以向用戶表明網(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)前頁面與整個(gè)站點(diǎn)的層次結(jié)構(gòu)。這種面包屑導(dǎo)航可以顯示當(dāng)前頁面的前一個(gè)頁面或者目錄的鏈接。可以使訪客了解自己的位置,以及可以更快的找到自己想要到達(dá)的頁面。可以很好的提高用戶的友好體驗(yàn)。
二、基于屬性的面包屑導(dǎo)航
這種面包屑導(dǎo)航最常出現(xiàn)在電子商務(wù)站點(diǎn)。這種面包屑導(dǎo)航可以很好的指出當(dāng)前頁面內(nèi)產(chǎn)品的其他屬性或者類別。對于一個(gè)產(chǎn)品來說,所具有的屬性往往不只有一種,而通過這種面包屑導(dǎo)航可以給消費(fèi)者一個(gè)更加直觀的了解。
三、基于路徑的面包屑導(dǎo)航
這種面包屑導(dǎo)航是最不常見到的。這種面包屑導(dǎo)航和上文所說的童話故事類型很像。他們可以顯示訪客在到達(dá)頁面前所訪問過的網(wǎng)頁的鏈接。這種面包屑導(dǎo)航不是很受歡迎,因?yàn)樗麄兊墓δ芑旧鲜呛颓斑M(jìn)和后退的按鈕是一樣的。