藍(lán)?？萍迹骸維EO課堂開講啦！】第七課：你所不知道的面包屑導(dǎo)航!
2014-08-14
面包屑導(dǎo)航(BreadcrumbNavigation)這個概念來自童話故事"漢賽爾和格萊特"，當(dāng)漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發(fā)現(xiàn)在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路。所以，面包屑導(dǎo)航的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。
很久很久以前，在大森林的邊上住著一個貧窮的樵夫，他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。后來樵夫的妻子去世了，他又給孩子們?nèi)⒘艘粋€后母。后母計劃把兩個孩子帶到森林的深處，然后趁他們睡著的時候跑掉。漢賽爾無意中知道了后母的計劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時候溜掉了，漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說：“等太陽一出來，我們就看得見我撒在地上的面包屑了，它一定會指給我們回家的路。”但是當(dāng)太陽升起來時，他們在地上卻怎么也找不到一點面包屑了，原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。
在童話里，面包屑是漢賽爾在進(jìn)入森林的路中偷偷撒下的，這是一種“歷史記錄”的應(yīng)用方式，目的是幫助你追溯來路，因而它應(yīng)該是一種線性的導(dǎo)航方式。不過在網(wǎng)頁的應(yīng)用中，“追溯來路”這件事瀏覽器已經(jīng)做得足夠好了，所以“面包屑”慢慢地就變成用來表達(dá)內(nèi)容歸屬關(guān)系的界面元素，也就是我們經(jīng)?？吹降?ldquo;主分類>一級分類>二級分類>三級分類>……>最終內(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、讓用戶了解當(dāng)前所處位置，以及當(dāng)前頁面在整個網(wǎng)站中的位置。
2、體現(xiàn)了網(wǎng)站的架構(gòu)層級，能夠幫助用戶快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容和組織方式，從而形成很好的位置感。
3、提供返回各個層級的快速入口，方便用戶操作。
4、Google已經(jīng)將面包屑導(dǎo)航整合到搜索結(jié)果里面，因此優(yōu)化面包屑導(dǎo)航每個層級的名稱，多使用關(guān)鍵字，都可以實現(xiàn)SEO優(yōu)化。面包屑路徑，對于提高用戶體驗來說，是很有幫助的。
5、方便用戶，面包屑主要用于為用戶提供導(dǎo)航一個網(wǎng)站的次要方法，通過為一個大型多級網(wǎng)站的所有頁面提供面包屑路徑，用戶可以更容易的定位到上一次目錄，引導(dǎo)用戶通行；
6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的“返回”按鈕或網(wǎng)站的主要導(dǎo)航來返回到上一級頁面；
7、不用常常占用屏幕空間，因為它們通常是水平排列以及簡單的樣式，面包屑路徑不會占用頁面太多的空間。這樣的好處是，從內(nèi)容過載方面來說，他們幾乎沒有任何負(fù)面影響；
8、降低跳出率，面包屑路徑會是一個誘惑首次訪問者在進(jìn)入一個頁面后去瀏覽這個網(wǎng)站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然后看到一個面包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關(guān)主題。這樣，從而，可以降低網(wǎng)站的總體跳出率。
9、有利于百度蜘蛛對網(wǎng)站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。
10、面包屑有利于網(wǎng)站內(nèi)鏈的建設(shè)，用面包屑大大增加了網(wǎng)站的內(nèi)部連接，提高用戶體驗。
很久很久以前，在大森林的邊上住著一個貧窮的樵夫，他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。后來樵夫的妻子去世了，他又給孩子們?nèi)⒘艘粋€后母。后母計劃把兩個孩子帶到森林的深處，然后趁他們睡著的時候跑掉。漢賽爾無意中知道了后母的計劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時候溜掉了，漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說：“等太陽一出來，我們就看得見我撒在地上的面包屑了，它一定會指給我們回家的路。”但是當(dāng)太陽升起來時，他們在地上卻怎么也找不到一點面包屑了，原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。
在童話里，面包屑是漢賽爾在進(jìn)入森林的路中偷偷撒下的，這是一種“歷史記錄”的應(yīng)用方式，目的是幫助你追溯來路，因而它應(yīng)該是一種線性的導(dǎo)航方式。不過在網(wǎng)頁的應(yīng)用中，“追溯來路”這件事瀏覽器已經(jīng)做得足夠好了，所以“面包屑”慢慢地就變成用來表達(dá)內(nèi)容歸屬關(guān)系的界面元素，也就是我們經(jīng)?？吹降?ldquo;主分類>一級分類>二級分類>三級分類>……>最終內(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、讓用戶了解當(dāng)前所處位置，以及當(dāng)前頁面在整個網(wǎng)站中的位置。
2、體現(xiàn)了網(wǎng)站的架構(gòu)層級，能夠幫助用戶快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容和組織方式，從而形成很好的位置感。
3、提供返回各個層級的快速入口，方便用戶操作。
4、Google已經(jīng)將面包屑導(dǎo)航整合到搜索結(jié)果里面，因此優(yōu)化面包屑導(dǎo)航每個層級的名稱，多使用關(guān)鍵字，都可以實現(xiàn)SEO優(yōu)化。面包屑路徑，對于提高用戶體驗來說，是很有幫助的。
5、方便用戶，面包屑主要用于為用戶提供導(dǎo)航一個網(wǎng)站的次要方法，通過為一個大型多級網(wǎng)站的所有頁面提供面包屑路徑，用戶可以更容易的定位到上一次目錄，引導(dǎo)用戶通行；
6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的“返回”按鈕或網(wǎng)站的主要導(dǎo)航來返回到上一級頁面；
7、不用常常占用屏幕空間，因為它們通常是水平排列以及簡單的樣式，面包屑路徑不會占用頁面太多的空間。這樣的好處是，從內(nèi)容過載方面來說，他們幾乎沒有任何負(fù)面影響；
8、降低跳出率，面包屑路徑會是一個誘惑首次訪問者在進(jìn)入一個頁面后去瀏覽這個網(wǎng)站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然后看到一個面包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關(guān)主題。這樣，從而，可以降低網(wǎng)站的總體跳出率。
9、有利于百度蜘蛛對網(wǎng)站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。
10、面包屑有利于網(wǎng)站內(nèi)鏈的建設(shè)，用面包屑大大增加了網(wǎng)站的內(nèi)部連接，提高用戶體驗。
上一篇：谷歌熊貓算法升級對于外貿(mào)網(wǎng)站的影響
下一篇：企業(yè)網(wǎng)站建設(shè)好后期的運營管理工作應(yīng)該如何做
