1、網站麵包屑導航有哪幾種類型?作用分別是什麼?
1、路徑型:路徑型麵包屑是一個動態顯示用戶到達頁面經過的途徑;
2、位置型:位置型麵包屑是固定的,顯示了頁面在網站結構中的位置;
3、屬性型:屬性型麵包屑給出的當前頁面的分類信息。
麵包屑導航一般都在導航的下面,老漁哥建議形式一般為 首頁 > 一級目錄名稱 > 二級目錄名稱 > 目前位置,盡量要把麵包
屑導航的層次控制在四層以內,這樣也有利與搜索引擎蜘蛛一層層往下爬,到了四層以下就很難爬到了。
2、麵包屑導航是什麼東西?
麵包屑導航(BreadcrumbNavigation)這個概念來自童話故事"漢賽爾和格萊特",當漢賽爾和格萊特穿過森林時,不小心迷路了,但是他們發現在沿途走過的地方都撒下了麵包屑,讓這些麵包屑來幫助他們找到回家的路。所以,麵包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。
來源
很久很久以前,在大森林的邊上住著一個貧窮的樵夫,他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾,女兒名叫格萊特。後來樵夫的妻子去世了,他又給孩子們娶了一個後母。後母計劃把兩個孩子帶到森林的深處,然後趁他們睡著的時候跑掉。漢賽爾無意中知道了後母的計劃,於是偷偷地把一塊麵包藏在了口袋裡。在去森林的路上,漢賽爾悄悄地捏碎了他的麵包,並不時地停下腳步,把碎麵包屑撒在路上。後母順利地趁孩子們睡著的時候溜掉了,漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說:「等太陽一出來,我們就看得見我撒在地上的麵包屑了,它一定會指給我們回家的路。」但是當太陽升起來時,他們在地上卻怎麼也找不到一點麵包屑了,原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。
原理
在童話里,麵包屑是漢賽爾在進入森林的路中偷偷撒下的,這是一種「歷史記錄」的應用方式,目的是幫助你追溯來路,因而它應該是一種線性的導航方式。不過在網頁的應用中,「追溯來路」這件事瀏覽器已經做得足夠好了,所以「麵包屑」慢慢地就變成用來表達內容歸屬關系的界面元素,也就是我們經常看到的「主分類>一級分類>二級分類>三級分類>……>最終內容頁面」這樣的方式。但是一般正常的來講目錄結構由3層結構組成。分別是首頁>欄目頁>內容頁。合理的構建目錄結構可以讓用戶隨時隨地的找到自己所在的位置又能保證欄目分類後的各個欄目的權重不至於太分散。同時在許多關於網站用戶使用體驗的調查報告中也得出超過3次點擊訪客還沒有找到需要的信息,訪客就很大的可能性會離開網站。所以,3層目錄結構也是瀏覽體驗的需要。
作用
1、讓用戶了解當前所處位置,以及當前頁面在整個網站中的位置。
2、體現了網站的架構層級,能夠幫助用戶快速學習和了解網站內容和組織方式,從而形成很好的位置感。
3、提供返回各個層級的快速入口,方便用戶操作。
4、Google已經將麵包屑導航整合到搜索結果裡面,因此優化麵包屑導航每個層級的名稱,多使用關鍵字,都可以實現SEO優化。麵包屑路徑,對於提高用戶體驗來說,是很有幫助的。
5、方便用戶,麵包屑主要用於為用戶提供導航一個網站的次要方法,通過為一個大型多級網站的所有頁面提供麵包屑路徑,用戶可以更容易的定位到上一次目錄,引導用戶通行;
6、減少返回到上一級頁面的點擊或操作,不用使用瀏覽器的「返回」按鈕或網站的主要導航來返回到上一級頁面;
7、不用常常佔用屏幕空間,因為它們通常是水平排列以及簡單的樣式,麵包屑路徑不會佔用頁面太多的空間。這樣的好處是,從內容過載方面來說,他們幾乎沒有任何負面影響;
8、降低跳出率,麵包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的非常好的方法。比如說,一個用戶通過谷歌搜索到一個頁面,然後看到一個麵包屑路徑,這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣,從而,可以降低網站的總體跳出率。
9、有利於百度蜘蛛對網站的抓取,蜘蛛直接沿著那個鏈走就可以了,很方便。
10、麵包屑有利於網站內鏈的建設,用麵包屑大大增加了網站的內部連接,提高用戶體驗。
適用條件
雖然眼下很多網站都流行使用麵包屑導航,但是並不是所有的網站都適用。符合下面兩個條件的網站才適合使用麵包屑導航。1、層級較深的網站,麵包屑導航適合層級較深的網站,如果只有一級分類的話,通過主導航就可以起到快速定位的作用。比如「豆瓣網」類型扁平構架的網站就沒有使用麵包屑導航。2、獨立不交叉的網站結構,由於麵包屑網站導航路徑是線性結構的,因此網站內容必須劃分的非常清晰,且不存在交叉;否則,麵包屑導航的路徑就不是唯一的,同一分類可能出現在不同的路徑中,讓用戶感到困惑。
示範
基於位置(Location-based)的麵包屑向用戶顯示他們在網站的哪一個級別頁面
。它們一般典型的用於有多個級別(一般是多於兩級)的導航方案。在下面的例子中(來自於SitePoint),每一個頁面的文本鏈接表示它比它右邊的文本鏈接高一級。
A 表明當前在網站內的位置。
B 提供指向先前訪問過的頁面(或網站)和其他區域的捷徑。
本質上,它是網站結構的線性表示。Web上的定位麵包屑路徑所展示的不是導航的歷史,而是在整個網站中某個固定的位置。就是說,不管用戶是如何到達location 頁面,麵包屑路徑都是一樣的。
分類
一、基於位置的麵包屑導航
這種類型是最常見的。這種類型的麵包屑導航可以很好的指出當前頁面與整個站點的層次結構。這種麵包屑導航可以顯示當前頁面的前一個頁面或者目錄的鏈接。可以使訪客了解自己的位置,以及可以更快的找到自己想要到達的頁面。可以很好的提高用戶的友好體驗。
二、基於屬性的麵包屑導航
這種麵包屑導航最常出現在電子商務站點。這種麵包屑導航可以很好的指出當前頁面內產品的其他屬性或者類別。對於一個產品來說,所具有的屬性往往不只有一種,而通過這種麵包屑導航可以給消費者一個更加直觀的了解。
三、基於路徑的麵包屑導航
這種麵包屑導航是最不常見到的。這種麵包屑導航和上文所說的童話故事類型很像。他們可以顯示訪客在到達頁面前所訪問過的網頁的鏈接。這種麵包屑導航不是很受歡迎,因為他們的功能基本上是和前進和後退的按鈕是一樣的。
3、網站優化里聽說有個什麼麵包屑導航,請問是什麼意思?
麵包屑導航(BreadcrumbNavigation)這個概念來自童話故事"漢賽爾和格萊特",當漢賽爾和格萊特穿過森林時,不小心迷路了,但是他們發現在沿途走過的地方都撒下了麵包屑,讓這些麵包屑來幫助他們找到回家的路。所以,麵包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。
dede麵包屑調用代碼 {dede:field name='position'/}
主頁 >欄目頁>文章頁面
小型站點便於優化,可以把主頁改成你的關鍵詞,目的是關鍵詞集權於首頁。
關鍵詞>欄目頁>文章頁
1、讓用戶了解當前所處位置,以及當前頁面在整個網站中的位置。
2、體現了網站的架構層級,能夠幫助用戶快速學習和了解網站內容和組織方式,從而形成很好的位置感。
3、提供返回各個層級的快速入口,方便用戶操作。
4、Google已經將麵包屑導航整合到搜索結果裡面,因此優化麵包屑導航每個層級的名稱,多使用關鍵字,都可以實現SEO優化。麵包屑路徑,對於提高用戶體驗來說,是很有幫助的。
5、方便用戶,麵包屑主要用於為用戶提供導航一個網站的次要方法,通過為一個大型多級網站的所有頁面提供麵包屑路徑,用戶可以更容易的定位到上一次目錄,引導用戶通行;
6、減少返回到上一級頁面的點擊或操作,不用使用瀏覽器的「返回」按鈕或網站的主要導航來返回到上一級頁面;
7、不用常常佔用屏幕空間,因為它們通常是水平排列以及簡單的樣式,麵包屑路徑不會佔用頁面太多的空間。這樣的好處是,從內容過載方面來說,他們幾乎沒有任何負面影響;
8、降低跳出率,麵包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的非常好的方法。比如說,一個用戶通過谷歌搜索到一個頁面,然後看到一個麵包屑路徑,這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣,從而,可以降低網站的總體跳出率。
9、有利於百度蜘蛛對網站的抓取,蜘蛛直接沿著那個鏈走就可以了,很方便。
10、麵包屑有利於網站內鏈的建設,用麵包屑大大增加了網站的內部連接,提高用戶體驗。
一、基於位置的麵包屑導航
這種類型是最常見的。這種類型的麵包屑導航可以很好的指出當前頁面與整個站點的層次結構。這種麵包屑導航可以顯示當前頁面的前一個頁面或者目錄的鏈接。可以使訪客了解自己的位置,以及可以更快的找到自己想要到達的頁面。可以很好的提高用戶的友好體驗。
二、基於屬性的麵包屑導航
這種麵包屑導航最常出現在電子商務站點。這種麵包屑導航可以很好的指出當前頁面內產品的其他屬性或者類別。對於一個產品來說,所具有的屬性往往不只有一種,而通過這種麵包屑導航可以給消費者一個更加直觀的了解。
三、基於路徑的麵包屑導航
這種麵包屑導航是最不常見到的。這種麵包屑導航和上文所說的童話故事類型很像。他們可以顯示訪客在到達頁面前所訪問過的網頁的鏈接。這種麵包屑導航不是很受歡迎,因為他們的功能基本上是和前進和後退的按鈕是一樣的
4、網頁製作中的麵包屑連接怎麼做?
"麵包屑型"網站導航鏈接
什麼是麵包屑型網站導航鏈接?
在童話故事「漢澤爾和格雷特爾」中,當漢澤爾和格雷特爾穿過森林時,他們在沿途走過的地方都撒下了麵包屑,讓這些麵包屑來幫助他們找到回家的路。雖然這只是一個孩子們的童話故事,但它卻蘊涵了多種含義。實際上,網站設計者亦可從中受到啟發:在結構上縱深的網站應該採用這種「麵包屑型」結構,以足跡的方式呈現用戶走過的路徑,或者說以層層漸進方式呈現該網頁在整個網站架構中所處的位置,從而為用戶提供清晰分明的網站導覽。
「麵包屑型」架構讓用戶對他們所訪問的此頁與彼頁在層次結構上的關系一目瞭然。這種網站結構的其中一個最明顯的特性體現莫過於返回導覽功能。
返回導覽不僅可改善網站的實用性,同時亦可提高網站對搜索引擎的友好性,對SEO具有重大的意思。網站的實用性對所有網站來說都是一個非常重要的因素。但遺憾的是,卻並不是所有網站設計者都能夠明白這一點。而一旦這一點無法在網站設計中得以貫徹和體現,那麼網站的整體性能就不能不讓人堪憂了。試想一下,無論訪問者是通過搜索引擎還是別的什麼鏈接進入了某個購物的網頁,而這個網頁中又沒有提供我們所說的「麵包屑型」返回導覽,當使用者想回到上一層頁面尋找其它類似產品時,只能通過瀏覽器里的Back功能原路返回。 但是如果有了「麵包屑型」返回導覽,情況就會變得大大不同。例如上述的購物網頁,當使用者發現東西不夠滿意,他就可以快速回到上一層或直接進入產品目錄去尋找其它的類似頁面或產品。 這一點對搜索引擎來說也不例外。提供良好的返回導航連接可幫助搜索引擎更好地檢索整個網站。此外,「麵包屑型」導航連接中的鏈接文字還可以增進鏈接頁的搜索引擎排名。
成功的網站是將主控制權交給對網站的使用者,而不是抓著不放,企圖控制使用者瀏覽的自由。若非如此,則網站顯然喪失了對使用者的友好性。我就見過這樣的網站,只有主頁上有產品的內部頁面鏈接,所以無論進入哪一個內部頁,若想進入別的頁面則必須先回到主頁。象這樣的一個站點,又如何指望使用者來買他的產品或成為潛在客戶呢?
網站的導航結構極之重要。應保證使用者能夠通過主站點導航到達網站的每個主要頁面, 而次要一些的頁面又可以通過訪問這些主要的頁面來進入,並提供返回上層頁面功能。但沒必把在每個頁面上都放上網站的每個鏈接。這些規則雖則簡單,但卻不僅能為網站的實際訪問者,同時還會為搜索引擎提供更好的體驗。
除此之外,良好的網站導航還應對使用者「透明」,即使用者能夠在網站中來去自如,但又無須經過層層的固定順序。換言之,可使用平行或互動方式輔助網站導航的線性流程安排。
看完上面的說明,就知道了,不管是用ASP還有HTML只要能達到這樣的效果就都是「麵包屑」連接。
5、什麼是麵包屑導航?有什麼作用
1、什麼是麵包屑導航?
不知道大家會不會奇怪為什麼導航會有麵包屑這種非常奇怪的名字,其實這個名字很有童話色彩呢,是從一個童話故事裡提煉出來的。有兩個孩子在穿越森林的時候,在來時的路上一路灑下了麵包屑,這樣一來,當他們需要返回家裡的時候,就可以順著麵包屑走回去了。那就不擔心迷路的問題了。同樣的,麵包屑導航的設計也是為了讓用戶知道他們現在在網站上的哪個頁面,並且如何才能正確快速地返回。這就是麵包屑導航存在的意義。 2、麵包屑導航有什麼作用?
麵包屑導航的作用有不少,下面就來具體來說一說,希望對大家的seo優化有幫助。畢竟只有清楚認識到了麵包屑應該起的作用,才能把握住優化的方向。 其一,能夠讓用戶清楚定位。麵包屑導航能夠幫助用戶了解自己目前身處網站的哪個頁面,並且還能幫助用戶認識到這個頁面在整個網站上的位置,從而不至於迷失找不到回去的路。
其二,能夠讓用戶找到網站的方向。麵包屑導航能夠很清晰地表現出整個網站的層次結構,那麼也就能幫助用戶較為快速地了解到整個網站的內容和組織方式,從而幫助用戶對網站內容的布局和位置有一個良好的方向。這樣能夠讓用戶更快地找到自己所需要的信息。
其三,能夠方便用戶操作。通過使用麵包屑導航,用戶能夠快速訪問到網站的各個層級。比如說如果想從第4個層級返回首頁的話,不必再多次點擊返回,只需要點擊導航上對應的首頁鏈接就可以輕松返回了。可以說,優化麵包屑導航是提高網站用戶體驗的一個方面