由于面包屑導航其結構清晰，當用戶在瀏覽某一個頁面時，看到面包屑導航能夠很清楚的知道自己所在的位置，同時很方便的返回上一級目錄來點擊進入下一級目錄。大大的提高了用戶的閱讀體驗，讓用戶瀏覽網站是更清晰，瀏覽效率更高。

面包導航的作用

1、讓用戶了解當前所處位置，以及當前頁面在整個網站中的位置。

舉一個例子

1)當欄目只有一級欄目的時候，我們的當前位置可以這樣寫：首頁》系統軟件》生活鬧鐘。其中生活鬧鐘是系統軟件欄目下面的一篇文章，當我們瀏覽這篇文章的時候，面包屑導航就是上面的樣子。因為目前我們所在的是文章頁面，也就是位于item_display網站中，那么在網站中可以直接使用欄目、欄目地址和文章題目的變量。

2)當一級欄目下面又有很多個欄目時，那么第一種方式顯然已經不能夠正確的顯示出我們的當前位置了，那么我們就要另謀途徑了，接下來的這個方法就是面包屑導航，在面包屑導航中，我們應使用getcategories函數以及其相關的參數childcategory。

下面我們以示例進行講解。

在文章頁面我們可能會看到這樣的面包屑導航: 首頁 → 系統軟件 → 系統工具 → 生活鬧鐘 。其中系統軟件是一級欄目，系統工具是系統軟件的子欄目，也可以叫做二級目，生活鬧鐘是位于系統工具中的一篇文章。在文章頁面可以使用的與欄目相關的變量有：categoryname，然而它只能獲取文章所屬欄目的名稱，卻不能獲取其爺爺級元素，那么第一種寫面包屑導航(當前位置)的辦法就失效了。在這個例子中，$category這個變量是文章所屬欄目的id，那么通過賦值給childcategory，系統自動幫我們分析出了它的父級欄目和子欄目，父欄目可以追溯到根欄目，子欄目可以延伸到文章當前所屬的欄目。

2、體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感。

在很多大廈或是大型超市的入口處一般都會樹立路牌之類的標識來為用戶指明方向，而進入到內部后則會有另外更詳細的導航指示。這兩者之間的關系就像是網站的主導航與面包屑導航一樣，前者為用戶做一個大概的結構介紹，而后者則是在大架構之后的細節延伸。

3、提供返回各個層級的快速入口，方便用戶操作。

面包屑導航可以很清晰的標明用戶當前所處的位置以及可供返回的鏈接，這在很大程度上解決了用戶在網站里迷失的問題。用戶從龐雜的入口到最終的目的地，面包屑導航是按一種遞減的結構來呈現的。

4、Google已經將面包屑導航整合到搜索結果里面，因此優化面包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。面包屑路徑，對于提高用戶體驗來說，是很有幫助的。

大型網站，特別是那種頁面按照層級結構組織的網站比較適合使用面包屑路徑。一個最好的例子就是商務網站，擁有大量的商品分門別類的存放著。

在那種沒有邏輯的層級關系或者分組的單級網站上不適合使用面包屑路徑。一個決定是否使用面包屑路徑的很好的辦法是規劃一個站點地圖或者表示網站導航結構的圖表，然后再來決定面包屑路徑是否能夠改善用戶在欄目內和不同欄目間的導航體驗。

面包屑路徑往往是一個網站的額外的特點，他不應該取代菜單導航，而且往往應該作為菜單導航的一種輔助和補充。它是一種次級的、很舒服的特性，幫助用戶確定自己的位置，并且作為菜單導航的一個有效補充。

面包屑路徑的類型：

面包屑路徑主要有三種形式。

基于位置的面包屑：

位置面包屑是靜態的，顯示了當前頁面在網站中所處的等級。鏈接中的每一項都能夠導向一個更高一級的頁面，這種形勢特別適合有很多級別的網站(大于2級);

基于屬性的面包屑：

屬性面包屑給出了當前頁面所屬類別的信息，下圖的面包屑更接近與一個混合形式的面包屑，路徑中包含了對結果的篩選條件描述;

路徑：路徑形式的面包屑是動態的路徑，經常用來指引用戶進行某種操作，比如“注冊”流程，他動態的顯示用戶完成注冊所需要的過程;

使用面包屑路徑的好處

方便用戶：面包屑路徑的目的就是為用戶提供一種輔助的導航方式，在具有多層級的網站上瀏覽時，面包屑路徑可以幫助用戶更容易的找到想要的位置;

減少返回高級別頁面的點擊次數：用戶不需要通過多次點擊“返回”來到自己之前的位置，而只需要在面包屑路徑上點擊一次;

不會占用過多的空間(hog screen space)：面包屑路徑多數采用普通的水平排布的文字鏈接，所以不會占用過多的頁面空間，恰當的運用，能夠帶來足夠的好處。

減少跳出率(bounce rates)：面包屑路徑能夠誘初次訪問頁面的用戶在完成初始頁的瀏覽后瀏覽其他頁面。例如，通過搜索引擎來到的用戶，看完文章后，很容易點擊上一級頁面的導航來了解更多的相關內容，這樣就減少了站點整體的跳出率。

使用中的錯誤

在不必要的地方使用：一些導航就會讓用戶感到迷惑，太多的導航了而且排布的非常集中，有點重復;

用面包屑路徑作為主導航：面包屑路徑只是一種導航的輔助手段，任何時候都不應該取代導航菜單。上圖中就是一個例子，由于只使用了面包屑路徑，當用戶想跳轉到站點的其他欄目時，很難容易的到達。

當頁面含有多重欄目時，使用面包屑路徑：面包屑路徑具有線性的結構，如果你的頁面不能夠很清楚的分類，那就很難用面包屑路徑來表示，這其實是在網站設計初期，要為站點制定明確的組織結構。

在設計中應該考慮的問題

使用什么符號來分隔?最常用的分隔符是大于號(>)，表示“父目錄 > 子目錄”，其他的符號還包括：箭頭、右引號(>>)、斜線(/)。

應該設計成多大?

面包屑路徑只是一個輔助的導航工具，所以誰都不希望他占據巨大的頁面空間，他應該盡量的小，但是要能夠方便訪問，向用戶傳達出這種輔助的設計意圖。一個原則就是，用戶瀏覽頁面時，不能第一眼就被面包屑路徑所吸引。

應該放在什么地方?面包屑路徑通常放置在頁面的中上部，如果是水平導航，一般放在主菜單的下邊。

5、方便用戶，面包屑主要用于為用戶提供導航一個網站的次要方法，通過為一個大型多級網站的所有頁面提供面包屑路徑，用戶可以更容易的定位到上一次目錄，引導用戶通行;

6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的“返回”按鈕或網站的主要導航來返回到上一級頁面;

7、不用常常占用屏幕空間，因為它們通常是水平排列以及簡單的樣式，面包屑路徑不會占用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響;

8、降低跳出率，面包屑路徑會是一個誘惑首次訪問者在進入一個頁面后去瀏覽這個網站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然后看到一個面包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。

9、有利于百度蜘蛛對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。

10、面包屑有利于網站內鏈的建設，用面包屑大大增加了網站的內部連接，提高用戶體驗。

百度判斷網頁的層級關系，主要依賴于面包屑導航，從這句話可以看出面包屑導航的重要性，而它存在也是有一定的價值和意義。

當前名稱：面包屑導航作用是什么？
路徑分享：http://www.js-pz168.com/news18/168318.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、企業網站制作、品牌網站設計、云服務器、網站導航、營銷型網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯