面包屑導(dǎo)航

說起面包屑導(dǎo)航，不知你是否聽過這樣的一個(gè)童話故事，講的是在西方，有兩個(gè)小孩Hansel和Gretel，它們的繼母對(duì)它們不好，并說服他們的父親在收成不好的時(shí)候把他們丟到森林里，這樣的話，其他人不必挨餓，為了找到回家的路，當(dāng)漢澤爾和格雷特爾穿過森林時(shí)，他們?cè)谘赝咀哌^的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路。

面包屑導(dǎo)航(BreadcrumbNavigation)這個(gè)概念來就是來源于這個(gè)童話故事，它的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回，面包屑導(dǎo)航的意義在于明確告知用戶目前處于網(wǎng)站的何種位置，方便用戶通過該導(dǎo)航快速達(dá)到上級(jí)頁面。從用戶體驗(yàn)角度講，這種導(dǎo)航的設(shè)計(jì)是建議在當(dāng)前窗口打開的。

在早期，面包屑只會(huì)在那些擁有龐大數(shù)據(jù)庫并且有復(fù)雜層次結(jié)構(gòu)的網(wǎng)站才看的到。但現(xiàn)在，它們出現(xiàn)在越來越多的網(wǎng)站中，有時(shí)也會(huì)出現(xiàn)在精心設(shè)計(jì)的導(dǎo)航系統(tǒng)中。對(duì)于絕大多數(shù)網(wǎng)站來說，只有面包屑這一種導(dǎo)航機(jī)制并不夠，但它們用來補(bǔ)充網(wǎng)站的主導(dǎo)航是最有價(jià)值的，特別是對(duì)于那些層次復(fù)雜的大型網(wǎng)站，或者需要綁定一堆子網(wǎng)站的時(shí)候更加有用。

目錄

• 1 面包屑導(dǎo)航與主導(dǎo)航
• 2 如何體現(xiàn)整站架構(gòu)
• 3 面包屑導(dǎo)航如何進(jìn)行優(yōu)化
• 4 相關(guān)內(nèi)容

面包屑導(dǎo)航與主導(dǎo)航

很多新人都喜歡問這樣的問題？我不是有導(dǎo)航了嗎？為什么還要加個(gè)面包屑導(dǎo)航？面包屑導(dǎo)航是做什么的？

既然你提出了這樣的問題，那么，首先，我們應(yīng)該了解什么是導(dǎo)航。導(dǎo)航的意思是在航行的過程中指引或?qū)虻?，其?shí)我們上網(wǎng)者就相當(dāng)于在信息的海洋里面航行，沒有這些導(dǎo)航，我們就很容易失去方向。我們通常說的導(dǎo)航都是只主導(dǎo)航，其實(shí)還有輔導(dǎo)航，左導(dǎo)航，右導(dǎo)航和底部導(dǎo)航。

主導(dǎo)航又是什么呢？主導(dǎo)航一般為網(wǎng)站最醒目的導(dǎo)航，正常的網(wǎng)站在頭部就能夠找到。我們可以用該導(dǎo)航在每個(gè)不同的欄目切換，且每個(gè)頁面都能夠找到該導(dǎo)航。可以說該導(dǎo)航在網(wǎng)站的發(fā)展史上起著不可或缺的地位。但是主導(dǎo)航對(duì)于內(nèi)容比較多的網(wǎng)站來說卻辦不到一件事，那就是不知道該文章是在哪個(gè)拓?fù)浣Y(jié)構(gòu)圖下面的（即不知道該頁面站在網(wǎng)站的什么地方），面包屑導(dǎo)航的意義在于明確告知用戶目前處于網(wǎng)站的何種位置，方面用戶通過該導(dǎo)航快速達(dá)到上級(jí)頁面，這種導(dǎo)航的設(shè)計(jì)是應(yīng)該在當(dāng)前窗口打開的。

面包屑導(dǎo)航應(yīng)該列出用戶所處頁面的所有上級(jí)網(wǎng)頁(邏輯結(jié)構(gòu))的名稱及鏈接，注意：這里是文字鏈接，如果你的頻道名稱、分類名稱、子分類名稱設(shè)計(jì)的足夠好的話，你會(huì)發(fā)現(xiàn)內(nèi)頁是通過以關(guān)鍵詞為錨文本的鏈接指向上級(jí)頁面，再假如有成千上萬個(gè)內(nèi)容頁的話，是不是會(huì)有成千上萬個(gè)頁面以關(guān)鍵詞為錨文本指向分類頁或頻道頁呢！

內(nèi)容頁中的面包屑導(dǎo)航是否應(yīng)該列出文章標(biāo)題？是否應(yīng)該給文章標(biāo)題加當(dāng)頁的URL鏈接？最好不要加URL，但上級(jí)頁的URL是必須加的。

如何體現(xiàn)整站架構(gòu)

在很多大廈或是大型超市的入口處一般都會(huì)樹立路牌之類的標(biāo)識(shí)來為用戶指明方向，而進(jìn)入到內(nèi)部后則會(huì)有另外更詳細(xì)的導(dǎo)航指示。這兩者之間的關(guān)系就像是網(wǎng)站的主導(dǎo)航與面包屑導(dǎo)航一樣，前者為用戶做一個(gè)大概的結(jié)構(gòu)介紹，而后者則是在大架構(gòu)之后的細(xì)節(jié)延伸。

面包屑導(dǎo)航可以很清晰的標(biāo)明用戶當(dāng)前所處的位置以及可供返回的鏈接，這在很大程度上解決了用戶在網(wǎng)站里迷失的問題。用戶從龐雜的入口到最終的目的地，面包屑導(dǎo)航是按一種遞減的結(jié)構(gòu)來呈現(xiàn)的。然而這種遞減的結(jié)構(gòu)的最上級(jí)應(yīng)不應(yīng)該包括“首頁”這個(gè)最大最雜的入口呢？如果面包屑導(dǎo)航里沒有“首頁”的鏈接，那這算不算是完整的導(dǎo)航結(jié)構(gòu)呢？

國(guó)內(nèi)四大門戶網(wǎng)站里，關(guān)于面包屑導(dǎo)航設(shè)計(jì)里，網(wǎng)易跟騰訊是有“首頁”鏈接的，而新浪跟搜狐則是沒有“首頁”與鏈接的：

在包括“首頁”鏈接的導(dǎo)航結(jié)構(gòu)里又分為兩種，其一是如網(wǎng)易般的在“首頁”之前還有當(dāng)前頻道首頁的鏈接，這點(diǎn)與新浪以及搜狐的設(shè)計(jì)是一樣的；另一種則是如騰訊般的最上級(jí)直接就是“首頁”。

如網(wǎng)易這般的面包屑導(dǎo)航設(shè)計(jì)可以突顯出當(dāng)前頻道，但同時(shí)也存在另一個(gè)問題，那就是在同一個(gè)導(dǎo)航中出現(xiàn)了兩個(gè)相同的鏈接，提供了更多入口的同時(shí)也讓更容易讓用戶迷惑。

而在面包屑導(dǎo)航里不包括“首頁”的設(shè)計(jì)則給人感覺怪異，就如同從一棟大廈門口進(jìn)去到某個(gè)樓層的某個(gè)房間，結(jié)果出房間的時(shí)候發(fā)現(xiàn)指示牌里沒有大廈門口的指示位置，只是指示到這一樓層的門口。

這樣的設(shè)計(jì)不得不讓人聯(lián)想到，這是一種各自為政的作法，最大可能的把用戶留在當(dāng)前頻道里，而不管用什么方法。一個(gè)完整的面包屑導(dǎo)航應(yīng)該是從最初的入口開始，也許很多用戶的最初入口直接就是某個(gè)頻道首頁，但不可否認(rèn)，面包屑導(dǎo)航的遞減架構(gòu)的最上級(jí)應(yīng)該是如金字塔的最底層一樣，而國(guó)內(nèi)網(wǎng)站們的首頁設(shè)計(jì)就如金字塔的最底層一樣，信息龐大而復(fù)雜，網(wǎng)站首頁是整站中聚集度最高的地方。

面包屑導(dǎo)航如何進(jìn)行優(yōu)化

1. 面包屑導(dǎo)航一般都在導(dǎo)航的下面，形式一般為 首頁 > 一級(jí)目錄名稱 > 二級(jí)目錄名稱 > 目前位置，盡量要把面包屑導(dǎo)航的層次控制在四層以內(nèi)，這樣也有利與搜索引擎蜘蛛一層層往下爬，到了四層以下就很難爬到了。
2. 對(duì)于一個(gè)網(wǎng)站來說，內(nèi)部鏈接的結(jié)構(gòu)搭建非常重要。像金字塔一樣，第一層的眾多頁面應(yīng)該集體支持它們的上一級(jí)。所以面包屑導(dǎo)航應(yīng)該顯示網(wǎng)站的層次，而不是瀏覽歷史。除了層次以外，面包屑導(dǎo)航還可能顯示的是屬性標(biāo)簽。
3. 面包屑導(dǎo)航的鏈接和別的一樣，要使用文字，不要使用圖片或JS。
4. 面包屑中盡量出現(xiàn)關(guān)鍵字，可以把“首頁”這一類詞換成網(wǎng)站名稱，要注重細(xì)節(jié)。

面包屑導(dǎo)航在SEO中雖然不是最主要的，但也有它的作用，做SEO就是做細(xì)節(jié)，誰抓住了細(xì)節(jié)，也就抓住了排名。

網(wǎng)站的導(dǎo)航結(jié)構(gòu)極之重要。應(yīng)保證使用者能夠通過主站點(diǎn)導(dǎo)航到達(dá)網(wǎng)站的每個(gè)主要頁面，而次要一些的頁面又可以通過訪問這些主要的頁面來進(jìn)入，并提供返回上層頁面功能。但沒必把在每個(gè)頁面上都放上網(wǎng)站的每個(gè)鏈接。這些規(guī)則雖則簡(jiǎn)單，但卻不僅能為網(wǎng)站的實(shí)際訪問者，同時(shí)還會(huì)為搜索引擎提供更好的體驗(yàn)。

相關(guān)內(nèi)容

• 導(dǎo)航
• 網(wǎng)站地圖
• 內(nèi)部鏈接