新聞中心
面包屑導航(BreadcrumbNavigation)這個概念來自童話故事“漢賽爾和格格萊特”,當漢賽爾和格萊特穿過森林時,不小心迷路了,但是他們發(fā)現(xiàn)在沿途走過的地方都撒下了面包屑,讓這些面包屑來幫助他們找到回家的路,所以,面包屑導航的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。

從網(wǎng)站建設(shè)到定制行業(yè)解決方案,為提供網(wǎng)站設(shè)計、成都網(wǎng)站制作服務(wù)體系,各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案,助力業(yè)務(wù)快速發(fā)展。成都創(chuàng)新互聯(lián)將不斷加快創(chuàng)新步伐,提供優(yōu)質(zhì)的建站服務(wù)。
相關(guān)童話故事
很久很久以前,在大森林的邊上住著一個貧窮的樵夫,他妻子和兩個孩子與他相依為命。他的兒子名叫漢賽爾,女兒名叫格萊特。后來樵夫的妻子去世了,他又給孩子們?nèi)⒘艘粋€后母。后母計劃把兩個孩子帶到森林的深處,然后趁他們睡著的時候跑掉。漢賽爾無意中知道了后母的計劃,于是偷偷地把一塊面包藏在了口袋里。在去森林的路上,漢賽爾悄悄地捏碎了他的面包,并不時地停下腳步,把碎面包屑撒在路上。
后母順利地趁孩子們睡著的時候溜掉了,漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說:“等太陽一出來,我們就看得見我撒在地上的面包屑了,它一定會指給我們回家的路?!钡钱斕柹饋頃r,他們在地上卻怎么也找不到一點面包屑了,原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。
應(yīng)用原理
在童話里,面包屑是漢賽爾在進入森林的路中偷偷撒下的,這是一種“歷史記錄”的應(yīng)用方式,目的是幫助你追溯來路,因而它應(yīng)該是一種線性的導航方式。不過在網(wǎng)頁的應(yīng)用中,“追溯來路”這件事瀏覽器已經(jīng)做得足夠好了,所以“面包屑”慢慢地就變成用來表達內(nèi)容歸屬關(guān)系的界面元素,也就是我們經(jīng)??吹降摹爸鞣诸?一級分類>二級分類>三級分類>……>最終內(nèi)容頁面”這樣的方式。
但是一般正常的來講目錄結(jié)構(gòu)由3層結(jié)構(gòu)組成。分別是首頁>欄目頁>內(nèi)容頁。合理的構(gòu)建目錄結(jié)構(gòu)可以讓用戶隨時隨地的找到自己所在的位置又能保證欄目分類后的各個欄目的權(quán)重不至于太分散。同時在許多關(guān)于網(wǎng)站用戶使用體驗的調(diào)查報告中也得出超過3次點擊訪客還沒有找到需要的信息,訪客就很大的可能性會離開網(wǎng)站。所以,3層目錄結(jié)構(gòu)也是瀏覽體驗的需要。
作用
1、讓用戶了解目前所處位置,以及當前頁面在整個網(wǎng)站中的位置。
2、體現(xiàn)了網(wǎng)站的架構(gòu)層級,能夠幫助用戶快速學習和了解網(wǎng)站內(nèi)容和組織方式,從而形成很好的位置感。
3、提供返回各個層級的快速入口,方便用戶操作。
4、Google已經(jīng)將面包屑導航整合到搜索結(jié)果里面,因此優(yōu)化面包屑導航每個層級的名稱,多使用關(guān)鍵字,都可以優(yōu)化SE。
適用條件
雖然目前很多網(wǎng)站都流行使用面包屑導航,但是并不是所有的網(wǎng)站都適用。符合下面兩個條件的網(wǎng)站才適合使用面包屑導航。
1、層級較深的網(wǎng)站,面包屑導航適合層級較深的網(wǎng)站,如果只有一級分類的話,通過主導航就可以起到快速定位的作用。比如“豆瓣網(wǎng)”類型扁平構(gòu)架的網(wǎng)站就沒有使用面包屑導航的作用。
2、獨立不交叉的網(wǎng)站機構(gòu),由于面包屑網(wǎng)站導航路徑是線性結(jié)構(gòu)的,因此網(wǎng)站內(nèi)容必須劃分的非常清晰,且不存在交叉;否則,面包屑導航的路徑就不是唯一的,同一分類可能出現(xiàn)在不同的路徑中,讓用戶感到困惑。
示范
基于位置(Location-based)的面包屑向用戶顯示他們在網(wǎng)站的哪一個級別頁面。它們一般典型的用于有多個級別(一般是多于兩級)的導航方案。在下面的例子中(來自于SitePoint),每一個頁面的文本鏈接表示它比它右邊的文本鏈接高一級。
A 表明當前在網(wǎng)站內(nèi)的位置。
B 提供指向先前訪問過的頁面(或網(wǎng)站)和其他區(qū)域的捷徑。
本質(zhì)上,它是網(wǎng)站結(jié)構(gòu)的線性表示。Web上的定位面包屑路徑所展示的不是導航的歷史,而是在整個網(wǎng)站中某個固定的位置。就是說,不管用戶是如何到達location 頁面,面包屑路徑都是一樣的。
【編輯推薦】
- 淺析SEO從業(yè)人員的進階過程
- SEO成功在細節(jié) URL細節(jié)優(yōu)化
- SEO經(jīng)驗 談降低百度知道刪篇率
- 淺談SEO單頁面寫法和關(guān)鍵字的布局
- 分享站長不得不知的SEO優(yōu)化小幫手
文章標題:“面包屑導航”的故事
網(wǎng)頁鏈接:http://m.fisionsoft.com.cn/article/cddpcee.html


咨詢
建站咨詢
