原文來(lái)自SEOmoz，一直很想翻譯的文章，作者在2月份的時(shí)候?qū)戇^(guò)一篇《電子商務(wù)平臺(tái)的要素與技巧》（以后有空再翻譯吧），里面很重要的一點(diǎn)就是分面導(dǎo)航(facet navigation)，這是IA中的一個(gè)術(shù)語(yǔ)。中國(guó)有些人叫他們?yōu)槎?jí)導(dǎo)航或者次導(dǎo)航。OK，叫什么都無(wú)所謂，只是在一個(gè)大中型站建立一個(gè)優(yōu)秀的分面導(dǎo)航系統(tǒng)是一件很困難的事情，因?yàn)樾枰紤]到錯(cuò)綜復(fù)雜的因素。
開(kāi)發(fā)人員和SEO們肯定聽(tīng)說(shuō)過(guò)搜索引擎經(jīng)常會(huì)提示說(shuō)：不要為了SEO而SEO，優(yōu)先考慮用戶(hù)
如果你問(wèn)我說(shuō)這句話的是針對(duì)網(wǎng)站的哪個(gè)部分的？很不幸的告訴你，大多數(shù)都是針對(duì)分面導(dǎo)航的。如果能不考慮搜索引擎來(lái)建立分面導(dǎo)航系統(tǒng)，那是再完美不過(guò)的事情了。但是很不幸的，事實(shí)情況并非如此。在本文中，我會(huì)嘗試著來(lái)打破那些為了同時(shí)為搜索引擎和用戶(hù)而做的東西。
在開(kāi)始之前，我們現(xiàn)在看看分面導(dǎo)航的定義，分面導(dǎo)航經(jīng)常出現(xiàn)在電子商務(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)品。
對(duì)于搜索引擎來(lái)說(shuō)，這邊會(huì)出現(xiàn)一大串不良后果。
搜索引擎會(huì)開(kāi)始抓取這些分面，不計(jì)后果的抓這些過(guò)濾頁(yè)面并且索引他們，最終抓累了，爬蟲(chóng)們就離開(kāi)你的站點(diǎn)了，如下圖
這是比較低級(jí)的分面導(dǎo)航建立方式（夜息注：看來(lái)國(guó)內(nèi)還有不少站在用這個(gè)“低端”的方法，呵呵）因?yàn)樗试S所有頁(yè)面都被抓取和索引，寄希望于搜索引擎自己能分辨出哪些重要哪些不重要。友情提醒：實(shí)際上，很多時(shí)候那些重要的頁(yè)面得不到搜索引擎的愛(ài)啊。
不少電商網(wǎng)站用robots=noindex或者nofollow來(lái)作為一個(gè)解決方案，但是這些真的不能帶來(lái)太多的幫助，每種方法都有其弱點(diǎn)。
Noindex – 這玩意的確可以把這些丑陋的，過(guò)度分類(lèi)的頁(yè)面禁止建立索引，但是無(wú)法阻止爬蟲(chóng)在這些頁(yè)面上浪費(fèi)時(shí)間和帶寬。
Nofollow – （夜息注：這邊我就自己來(lái)寫(xiě)了，原文的觀點(diǎn)有點(diǎn)問(wèn)題，nofollow對(duì)google來(lái)說(shuō)是一個(gè)好方法，但是對(duì)于百度來(lái)說(shuō)，nofollow的鏈接只是不傳遞權(quán)重和錨文本。并且nofollow也只能從這個(gè)頁(yè)面上阻止爬蟲(chóng)，并不能從其他頁(yè)面上，甚至外部鏈接上阻止爬蟲(chóng)，反正只用nofollow肯定不是最完美的方法來(lái)節(jié)約帶寬）
有些網(wǎng)站使用了robots來(lái)禁止爬蟲(chóng)抓取這些分面頁(yè)面。比如我只讓爬蟲(chóng)爬到“筆記本”這個(gè)分類(lèi)，再往下類(lèi)似于“蘋(píng)果筆記本”，“惠普筆記本”的分面就不讓搜索引擎爬行了。這樣的結(jié)果就是“筆記本”這個(gè)會(huì)被索引，而“蘋(píng)果筆記本”就不會(huì)被索引了。
這樣做的壞處是容易丟掉很多能帶來(lái)大量搜索流量的著陸頁(yè)。比如京東，他會(huì)只想要“筆記本”的流量而不要“蘋(píng)果筆記本“的流量嗎？答案很顯然不是。所以為啥這也是不太靈的方法。
優(yōu)秀的分面導(dǎo)航必須遵循以下一些原則：
1.簡(jiǎn)單易用
2.不讓搜索引擎隨意抓取分面
3.讓搜索引擎抓取特定幾類(lèi)能帶來(lái)高價(jià)值流量的分面。
說(shuō)著總比做著容易，我們來(lái)看看如何實(shí)現(xiàn)這些目標(biāo)。
這年頭還不知道ajax的SEO幾乎滅絕了吧。在兩年前，以Google為代表的搜索引擎已經(jīng)向抓取ajax內(nèi)容前進(jìn)了一大步，請(qǐng)看Google官方博客《如何讓你的ajax內(nèi)容被爬蟲(chóng)抓取》。站長(zhǎng)們現(xiàn)在能讓網(wǎng)站的ajax內(nèi)容被Google抓取了！（夜息注：度娘還不行）AJAX技術(shù)帶來(lái)的用戶(hù)體驗(yàn)的變化，網(wǎng)站從中獲益不少。
在我們的例子中，我打算用ajax來(lái)做一個(gè)網(wǎng)站的分面導(dǎo)航，并且讓搜索引擎也能抓取到分面頁(yè)面。目前有少量電子商務(wù)平臺(tái)是這么做的。
AJAX讓用戶(hù)在選擇和取消過(guò)濾器的時(shí)候更加快速和易用。在這個(gè)例子中我，我們想要一個(gè)不能被抓取的AJAX分面導(dǎo)航。這些細(xì)分是完全為了用戶(hù)考慮的。
這是Oakley glasses的靜態(tài)頁(yè)面，我們能在頁(yè)面上隨意的過(guò)濾，頁(yè)面不會(huì)被重載，URL也不會(huì)變，但是產(chǎn)品可以被正確的過(guò)濾出來(lái)。
這是整個(gè)方法的核心所在，我們制造了一個(gè)不使用ajax的靜態(tài)Html頁(yè)面，并且在上面的分面是人工選出來(lái)的，鏈接到了更加深層的html頁(yè)面，并且這些頁(yè)面是事先統(tǒng)計(jì)出能帶來(lái)大量搜索流量的頁(yè)面。
當(dāng)我們?cè)谶@樣的網(wǎng)站上購(gòu)物時(shí)，開(kāi)啟JavaScript的用戶(hù)看到的是
這個(gè)導(dǎo)航通過(guò)JS在頁(yè)面加載時(shí)就生成了，但是當(dāng)禁用JS的用戶(hù)（包括搜索引擎）的用戶(hù)到達(dá)時(shí)，它就不再站別，取而代之的是：
現(xiàn)在，我們新增了一個(gè)叫做“熱門(mén)分類(lèi)”的頁(yè)面被抓取了。搜索引擎便可以、抓取這些能帶來(lái)大量流量的頁(yè)面了。（夜息注：作者后面說(shuō)他從沒(méi)見(jiàn)過(guò)有網(wǎng)站這么干過(guò)，我感覺(jué)應(yīng)該有人想到吧）
偽裝頁(yè)面事實(shí)上是指給用戶(hù)和搜索引擎顯示不同的內(nèi)容。在我看來(lái)這邊不算偽裝頁(yè)面，事實(shí)上我覺(jué)得Google還可能挺喜歡這樣子的頁(yè)面。拋開(kāi)搜索引擎考慮一下，如果你的網(wǎng)站恰好來(lái)訪了一位禁用JS的用戶(hù)，那純AJAX導(dǎo)航的頁(yè)面豈不是要讓他抓狂。Google本著用戶(hù)體驗(yàn)第一的原則，是不會(huì)把這樣的行為認(rèn)定為作弊的。（夜息注：Google的確是一個(gè)比較大肚的搜索引擎，想想logo用CSS把錨文本漂移出去的案例，這種更加談不上用戶(hù)體驗(yàn)，純粹是為了SEO，Google都不會(huì)懲罰你）
這個(gè)東西方法可以說(shuō)是本文開(kāi)頭那些低端，不太靈方法的升級(jí)版本，通過(guò)對(duì)url的標(biāo)記，我們可以在robots里面標(biāo)記出哪些頁(yè)面要被抓，哪些頁(yè)面不要被抓。以阿里巴巴www.alibaba.com為例，他們的robots.txt文件中有一條：Disallow:/products/
然后在阿里巴巴國(guó)際站的分面導(dǎo)航中，/products/目錄是作為不需要的分面而屏蔽的。并且還用了nofollow,（夜息注：紅色虛線框表示nofollow, 一般SEO插件都有這功能，圖有點(diǎn)丑，不好意思了）
從這個(gè)圖里面我們可以猜想，地域性+關(guān)鍵詞的頁(yè)面流量或者轉(zhuǎn)化率是比較高的，阿里巴巴才讓這些頁(yè)面被抓取，至于那些細(xì)分的頁(yè)面就不在這邊讓搜索引擎抓了吧，因?yàn)檫€有其他入口，這邊就賣(mài)個(gè)關(guān)子，有興趣的同學(xué)就自己去研究一下吧。
兩個(gè)方法都能做出優(yōu)秀的分面導(dǎo)航導(dǎo)航，但是我更加喜歡第一種AJAX的做法，那樣更加照顧用戶(hù)體驗(yàn)。
我希望有更多人能改善他們的導(dǎo)航系統(tǒng)，變得更加巧妙，精準(zhǔn)。這相當(dāng)于訪客的“雷達(dá)”系統(tǒng)。如果你知道其他優(yōu)秀的分面導(dǎo)航實(shí)施方法，歡迎留言告訴我并且和大家討論交流。
聯(lián)系客服
