對于B2C網(wǎng)站的優(yōu)化，在前幾天的一篇文章里面提到過(guò)關(guān)于《B2C網(wǎng)站關(guān)鍵詞的爆破點(diǎn)》，有興趣的朋友可以看看，今天大連SEO為大家再轉載一篇國外翻譯的關(guān)于分面導航的優(yōu)化方法?？赡艽蠹視?huì )感覺(jué)這篇文章和上面的文章有點(diǎn)沖突。

原文來(lái)自SEOmoz，一直很想翻譯的文章，作者在2月份的時(shí)候寫(xiě)過(guò)一篇《電子商務(wù)平臺的要素與技巧》（以后有空再翻譯吧），里面很重要的一點(diǎn)就是分面導航(facet navigation)，這是IA中的一個(gè)術(shù)語(yǔ)。中國有些人叫他們?yōu)槎墝Ш交蛘叽螌Ш?。OK，叫什么都無(wú)所謂，只是在一個(gè)大中型站建立一個(gè)優(yōu)秀的分面導航系統是一件很困難的事情，因為需要考慮到錯綜復雜的因素。

開(kāi)發(fā)人員和SEO們肯定聽(tīng)說(shuō)過(guò)搜索引擎經(jīng)常會(huì )提示說(shuō)：不要為了SEO而SEO，優(yōu)先考慮用戶(hù)

如果你問(wèn)我說(shuō)這句話(huà)的是針對網(wǎng)站的哪個(gè)部分的？很不幸的告訴你，大多數都是針對分面導航的。如果能不考慮搜索引擎來(lái)建立分面導航系統，那是再完美不過(guò)的事情了。但是很不幸的，事實(shí)情況并非如此。在本文中，我會(huì )嘗試著(zhù)來(lái)打破那些為了同時(shí)為搜索引擎和用戶(hù)而做的東西。

在開(kāi)始之前，我們現在看看分面導航的定義，分面導航經(jīng)常出現在電子商務(wù)的網(wǎng)站，讓用戶(hù)可以使用過(guò)濾器（好吧，或者叫分面）來(lái)過(guò)濾成千上萬(wàn)的產(chǎn)品。我們會(huì )在很多B2B/B2C網(wǎng)站看他們的身影。比如京東或者是阿里巴巴。如圖…

在上面這個(gè)例子中，我過(guò)濾一些條件來(lái)選擇我最想要的產(chǎn)品：

1.我要一個(gè)筆記本

2.我爸是李剛，我打算要一個(gè)蘋(píng)果筆記本

3.同上原因，所以我得買(mǎi)個(gè)10000以上的

4.同上原因，怎么說(shuō)屏幕也得挑個(gè)最大的

作為一個(gè)用戶(hù)，我能通過(guò)這些過(guò)濾器來(lái)選出我想要的產(chǎn)品。

對于搜索引擎來(lái)說(shuō)，這邊會(huì )出現一大串不良后果。

初級分面導航

搜索引擎會(huì )開(kāi)始抓取這些分面，不計后果的抓這些過(guò)濾頁(yè)面并且索引他們，最終抓累了，爬蟲(chóng)們就離開(kāi)你的站點(diǎn)了，如下圖

這是比較低級的分面導航建立方式（夜息注：看來(lái)國內還有不少站在用這個(gè)“低端”的方法，呵呵）因為它允許所有頁(yè)面都被抓取和索引，寄希望于搜索引擎自己能分辨出哪些重要哪些不重要。友情提醒：實(shí)際上，很多時(shí)候那些重要的頁(yè)面得不到搜索引擎的愛(ài)啊。

我能用noindex或者nofollow嗎？

不少電商網(wǎng)站用robots=noindex或者nofollow來(lái)作為一個(gè)解決方案，但是這些真的不能帶來(lái)太多的幫助，每種方法都有其弱點(diǎn)。

Noindex – 這玩意的確可以把這些丑陋的，過(guò)度分類(lèi)的頁(yè)面禁止建立索引，但是無(wú)法阻止爬蟲(chóng)在這些頁(yè)面上浪費時(shí)間和帶寬。

Nofollow – （夜息注：這邊我就自己來(lái)寫(xiě)了，原文的觀(guān)點(diǎn)有點(diǎn)問(wèn)題，nofollow對google來(lái)說(shuō)是一個(gè)好方法，但是對于百度來(lái)說(shuō)，nofollow的鏈接只是不傳遞權重和錨文本。并且nofollow也只能從這個(gè)頁(yè)面上阻止爬蟲(chóng)，并不能從其他頁(yè)面上，甚至外部鏈接上阻止爬蟲(chóng)，反正只用nofollow肯定不是最完美的方法來(lái)節約帶寬）

另外一個(gè)不太靈的方法…

有些網(wǎng)站使用了robots來(lái)禁止爬蟲(chóng)抓取這些分面頁(yè)面。比如我只讓爬蟲(chóng)爬到“筆記本”這個(gè)分類(lèi)，再往下類(lèi)似于“蘋(píng)果筆記本”，“惠普筆記本”的分面就不讓搜索引擎爬行了。這樣的結果就是“筆記本”這個(gè)會(huì )被索引，而“蘋(píng)果筆記本”就不會(huì )被索引了。

這樣做的壞處是容易丟掉很多能帶來(lái)大量搜索流量的著(zhù)陸頁(yè)。比如京東，他會(huì )只想要“筆記本”的流量而不要“蘋(píng)果筆記本“的流量嗎？答案很顯然不是。所以為啥這也是不太靈的方法。

那我們怎么才能建設一個(gè)完美的分面導航呢？

優(yōu)秀的分面導航必須遵循以下一些原則：

1.簡(jiǎn)單易用

2.不讓搜索引擎隨意抓取分面

3.讓搜索引擎抓取特定幾類(lèi)能帶來(lái)高價(jià)值流量的分面。

說(shuō)著(zhù)總比做著(zhù)容易，我們來(lái)看看如何實(shí)現這些目標。

解決方案1：AJAX

這年頭還不知道ajax的SEO幾乎滅絕了吧。在兩年前，以Google為代表的搜索引擎已經(jīng)向抓取ajax內容前進(jìn)了一大步，請看Google官方博客《如何讓你的ajax內容被爬蟲(chóng)抓取》。站長(cháng)們現在能讓網(wǎng)站的ajax內容被Google抓取了?。ㄒ瓜⒆ⅲ憾饶镞€不行）AJAX技術(shù)帶來(lái)的用戶(hù)體驗的變化，網(wǎng)站從中獲益不少。

在我們的例子中，我打算用ajax來(lái)做一個(gè)網(wǎng)站的分面導航，并且讓搜索引擎也能抓取到分面頁(yè)面。目前有少量電子商務(wù)平臺是這么做的。

對于啟用JavaScript的用戶(hù)

AJAX讓用戶(hù)在選擇和取消過(guò)濾器的時(shí)候更加快速和易用。在這個(gè)例子中我，我們想要一個(gè)不能被抓取的AJAX分面導航。這些細分是完全為了用戶(hù)考慮的。

這是Oakley glasses的靜態(tài)頁(yè)面，我們能在頁(yè)面上隨意的過(guò)濾，頁(yè)面不會(huì )被重載，URL也不會(huì )變，但是產(chǎn)品可以被正確的過(guò)濾出來(lái)。

禁用JavaScript用戶(hù)和所有的搜索引擎

這是整個(gè)方法的核心所在，我們制造了一個(gè)不使用ajax的靜態(tài)Html頁(yè)面，并且在上面的分面是人工選出來(lái)的，鏈接到了更加深層的html頁(yè)面，并且這些頁(yè)面是事先統計出能帶來(lái)大量搜索流量的頁(yè)面。

讓我們來(lái)解釋一下

當我們在這樣的網(wǎng)站上購物時(shí)，開(kāi)啟JavaScript的用戶(hù)看到的是

這個(gè)導航通過(guò)JS在頁(yè)面加載時(shí)就生成了，但是當禁用JS的用戶(hù)（包括搜索引擎）的用戶(hù)到達時(shí)，它就不再站別，取而代之的是：

現在，我們新增了一個(gè)叫做“熱門(mén)分類(lèi)”的頁(yè)面被抓取了。搜索引擎便可以、抓取這些能帶來(lái)大量流量的頁(yè)面了。（夜息注：作者后面說(shuō)他從沒(méi)見(jiàn)過(guò)有網(wǎng)站這么干過(guò)，我感覺(jué)應該有人想到吧）

等等，這不是偽裝頁(yè)面么？

偽裝頁(yè)面事實(shí)上是指給用戶(hù)和搜索引擎顯示不同的內容。在我看來(lái)這邊不算偽裝頁(yè)面，事實(shí)上我覺(jué)得Google還可能挺喜歡這樣子的頁(yè)面。拋開(kāi)搜索引擎考慮一下，如果你的網(wǎng)站恰好來(lái)訪(fǎng)了一位禁用JS的用戶(hù)，那純AJAX導航的頁(yè)面豈不是要讓他抓狂。Google本著(zhù)用戶(hù)體驗第一的原則，是不會(huì )把這樣的行為認定為作弊的。（夜息注：Google的確是一個(gè)比較大肚的搜索引擎，想想logo用CSS把錨文本漂移出去的案例，這種更加談不上用戶(hù)體驗，純粹是為了SEO，Google都不會(huì )懲罰你）

解決方案2：有選擇的使用Robots.txt

這個(gè)東西方法可以說(shuō)是本文開(kāi)頭那些低端，不太靈方法的升級版本，通過(guò)對url的標記，我們可以在robots里面標記出哪些頁(yè)面要被抓，哪些頁(yè)面不要被抓。以阿里巴巴www.alibaba.com為例，他們的robots.txt文件中有一條：Disallow:/products/

然后在阿里巴巴國際站的分面導航中，/products/目錄是作為不需要的分面而屏蔽的。并且還用了nofollow,（夜息注：紅色虛線(xiàn)框表示nofollow, 一般SEO插件都有這功能，圖有點(diǎn)丑，不好意思了）

從這個(gè)圖里面我們可以猜想，地域性+關(guān)鍵詞的頁(yè)面流量或者轉化率是比較高的，阿里巴巴才讓這些頁(yè)面被抓取，至于那些細分的頁(yè)面就不在這邊讓搜索引擎抓了吧，因為還有其他入口，這邊就賣(mài)個(gè)關(guān)子，有興趣的同學(xué)就自己去研究一下吧。

兩個(gè)方法都能做出優(yōu)秀的分面導航導航，但是我更加喜歡第一種AJAX的做法，那樣更加照顧用戶(hù)體驗。

---