當(dāng)我們分析一個(gè)網(wǎng)站可用性的時(shí)候，必定會(huì)考慮到面包屑。對于用戶來說，面包屑幾乎是一個(gè)“透明”的玩意兒，有誰會(huì)仔細(xì)觀察那些頁面左上方的導(dǎo)航鏈接呢？是的，沒人在意，但卻也沒有人離得開它。

面包屑，就是在任何一個(gè)頁面，都能清楚的知道讓訪問者明白他所在的具體位置的網(wǎng)站 GPS 定位系統(tǒng)，而面包屑導(dǎo)航對于大型網(wǎng)站和按分級(jí)排列頁面的網(wǎng)站，更是不可或缺。就憑這一點(diǎn)，我們要介紹一下關(guān)于面包屑的一些核心內(nèi)容：

一、面包屑的類型

一般來說，面包屑設(shè)計(jì)主要分為三種類型（作者堅(jiān)持推薦第一種類型，因?yàn)楹竺鎯煞N類型很容易造成內(nèi)容重復(fù)的問題）

1、基于定位的面包屑：顯示用戶在網(wǎng)站整體結(jié)構(gòu)中的具體位置。

2、基于路徑的面包屑：想象一下把用戶帶到當(dāng)前頁面的路徑，這些頁面都是動(dòng)態(tài)的而且都是基于搜索的結(jié)果，所以這類型的面包屑會(huì)導(dǎo)致有幾種達(dá)到該頁的方式：

3、基于屬性的面包屑：列出當(dāng)前頁的屬性

二、面包屑的關(guān)鍵詞優(yōu)化

很多人都將面包屑當(dāng)做內(nèi)部鏈接優(yōu)化的另外一種方式，所以他們通常將面包屑關(guān)鍵詞設(shè)計(jì)如下：

例子：

有些時(shí)候（如上）這樣設(shè)計(jì)面包屑雖然看起來依然很自然，但總體來看作者更加傾向盡量減少以 SEO 中心化的設(shè)計(jì)，原因如下：

1、太聚焦在錨文本優(yōu)化的面包屑設(shè)計(jì)看起來很別扭，會(huì)導(dǎo)致頁面內(nèi)容非常不自然。

2、在網(wǎng)站可用性前不要過分注重 SEO。用戶通常都知道“主頁”意味著鏈向什么地方，但如果硬換成關(guān)鍵詞就會(huì)引起誤會(huì)和猜想，所以還是使用一貫認(rèn)同的面包屑設(shè)計(jì)標(biāo)準(zhǔn)。

三、面包屑和 Google

從今年 11 月份開始，Google 已經(jīng)整合了面包屑導(dǎo)航到搜索結(jié)果里面，使得更加吸引和可信賴性，但不是每個(gè)面包屑導(dǎo)航都可以被 Google 采用，但是將面包屑放在頁面的越頂部越好。

4、面包屑的最好實(shí)踐

面包屑真正能幫助用戶的時(shí)候才使用。對于大型的，多層次的網(wǎng)站，面包屑首先就可以幫助用戶，其次就是有助于 SEO 優(yōu)化—這是一個(gè)額外的收益。不要僅僅為了更好的內(nèi)部鏈接優(yōu)化而使用面包屑。

當(dāng)前頁不要鏈接。（最后的一頁的詞語不要加鏈接效果）

不要用面包屑導(dǎo)航取代主導(dǎo)航欄。（面包屑在網(wǎng)站結(jié)構(gòu)當(dāng)中是橫條結(jié)構(gòu)的，試想下主導(dǎo)航卻是垂直型展示目錄和內(nèi)容，沒有了主導(dǎo)航會(huì)怎樣呢？）

連貫地使用面包屑（這樣使得用戶在瀏覽你的網(wǎng)站的時(shí)候更有安全感同時(shí)可以更快地熟悉你網(wǎng)站的結(jié)構(gòu)）

不要將頁面的標(biāo)題用作面包屑（這樣會(huì)導(dǎo)致標(biāo)題太長而且沒有目的性）

作者：Ann Smarty，原文鏈接 。

本文首發(fā) SEM Watch ，轉(zhuǎn)載請注明出處。

原文地址：http://semwatch.org/2009/12/breadcrumbs-design-usability-or-seo