讓網站的分面導航不再頭痛 建設完美分頁面導航

  原文來自SEOmoz,一直渾如移譯的文章,筆者在二月份兒的時刻寫過一篇《電子商業上的事務平臺的要素與技法》(往後有空再移譯吧),裡邊很關緊的一點兒就是分面導航(facet navigation),這是IA中的一個專門用語。中國有點人叫它們為二級導航還是次導航。OK,叫啥子都無所說的,只是在一個大中型站樹立一個優秀的分面導航系統是一件很難事,由於需求思索問題到縱橫交錯的因素。

  研發擔任職務的人和SEO們肯定聽說過搜索引擎網站常常會提醒說:不要為了SEO而SEO,優先思索問題用戶

  假如你問我說這句話的是針對網站的哪一個局部的?很不幸運的奉告你,大部分數都是針對分面導航的。假如能不思索問題搜索引擎網站來樹立分面導航系統,那是再完美然而的事物了。不過很不幸運的,事情的真實情況事情狀況並非這麼。在本文中,我會試驗著來突破那一些為了同時為搜索引擎網站和用戶而做的物品。

  在著手之前,我們如今看看分面導航的定義,分面導航常常顯露出來在電子商業上的事務的網站,讓用戶可以運用過淋器(好吧,還是叫分面)來過淋成千累萬的產品。我們會在眾多B2B/B2C網站看它們的影子。譬如京東還是是阿裡吧吧。如圖

  


  在上頭這個例子中,我過淋一點條件來挑選我最想要的產品:

  1.我要一個筆記本

  2.我爸是李剛,我計劃要一個水果筆記本

  3.同上端由,所以我得買個10000以上的

  4.同上端由,怎麼說熒幕總得挑個最大的

  作為一個用戶,我能經過這些個過淋器來選出我想要的產品。

  對於搜索引擎網站來說,這邊會顯露出來一大串不好後果。

  初等分面導航

  搜索引擎網站會著手抓取這些個分面,不計較後果的抓這些個過淋頁面況且引得它們,最後抓累了,爬行動物們就離去你的站點了,如下所述圖

  


  這是比較低級的分面導航樹立形式(夜息注:看來國內還有不少站在用這個低端的辦法,呵呵)由於它准許全部頁面都被抓取和引得,寄期望於搜索引擎網站自個兒能辯白出哪一些關緊哪一些不關緊。友誼提示:其實,很很長時間候那一些關緊的頁面得不到搜索引擎網站的愛啊。

  我能用noindex還是nofollow嗎?

  不少電商網站用robots=noindex還是nofollow來作為一個解決方案,不過這些個實在不可以帶來非常多的幫忙,每種辦法都有其弱項。

  Noindex – 這玩意確實可以把這些個丑惡的,過度分類的頁面嚴禁樹立引得,不過沒有辦法阻擋爬行動物在這些個頁面上浪消耗時間間和帶寬。

  Nofollow – (夜息注:這邊我就自個兒來寫了,原文的觀點有些問題,nofollow對google來說是一個好辦法,不過對於百度來說,nofollow的鏈接只是不傳交權重和錨文本。況且nofollow也只能從這個頁面上阻擋爬行動物,並不可以從其它頁面上,甚至於外部鏈接上阻擋爬行動物,橫豎只用nofollow肯定不是最完美的辦法來節省帶寬)

  額外一個不太靈的辦法

  有點網站運用了robots來嚴禁爬行動物抓取這些個分面頁面。譬如我只讓爬行動物爬到筆記本這個分類,再往下大致相似於水果筆記本,惠普筆記本的分面就不讓搜索引擎網站爬動了。這麼的最後結果就是筆記本這個會被引得,而水果筆記本就不會被引得了。

  這麼做的害處是容易遺失眾多能帶來數量多搜索流量的著陸頁。譬如京東,他會只想要筆記本的流量而不要水果筆記本的流量嗎?解答很顯然不是。所以為啥這也是不太靈的辦法。

  那我們怎麼能力建設一個完美的分面導航呢?

  優秀的分面導航務必遵循以下一點原則:

seo   1.簡單易用

  2.不讓搜索引擎網站隨心抓取分面

  3.讓搜索引擎網站抓取特別指定幾類能帶來重價值流量的分面。

  說著總比做著容易,我們來看看怎麼樣成功實現這些個目的。

  解決方案1:AJAX

  這年頭還不曉得ajax的SEO幾乎完全消失了吧。在兩年初,以Google為代表的搜索引擎網站已經向抓取ajax內部實質意義向前邁進了一大步,請看Google官方博客《怎麼樣讓你的ajax內部實質意義被爬行動物抓取》。站長們如今能讓網站的ajax內部實質意義被Google抓取了!(夜息注:度娘還不可以)AJAX技術帶來的用戶體驗認識的變動,網站從其中獲益不少。

  在我們的例子中,我計劃用ajax來做一個網站的分面導航,況且讓搜索引擎網站也能抓取到分面頁面。到現在為止有小量電子商業上的事務平臺是這樣做的。

  對於開始使用JavaScript的用戶

  AJAX讓用戶在挑選和消除過淋器的時刻更加迅速態度溫和用。在這個例子中我,我們想要一個不可以被抓取的AJAX分面導航。這些個細分是絕對為了用戶思索問題的。

  


  這是Oakley glasses的靜態頁面,我們能在頁面上隨心的過淋,頁面不會被重載,URL也不會變,不過產品可以被准確的過淋出來。

  


  禁用JavaScript用戶和全部的搜索引擎網站

  這是整個兒辦法的中心存在的地方,我們制作了一個不運用ajax的靜態Html頁面,況且在上頭的分面是人工選出來的,鏈接到達更加大深度層的html頁面,況且這些個頁面是事前計數出能帶來數量多搜索流量的頁面。#p#副題#e#

  讓我們來詮釋一下子

  當我們在這麼的網站上購物時,開啟JavaScript的用戶看見的是

  


  這個導航經過JS在頁面加載時就生成了,不過當禁用JS的用戶(涵蓋搜索引擎網站)的用戶到了時,它就不再站別,取而代之的是:

  


  如今,我們新增了一個叫做熱門兒分類的頁面被抓取了。搜索引擎網站便可以、抓取這些個能帶來數量多流量的頁面了。(夜息注:筆者後面說他從沒見過有網站這樣乾過,我感受應當有人想到吧)

  等等,這不是假裝頁面麼?

  假裝頁面事情的真實情況上是指給用戶和搜索引擎網站顯露不一樣的內部實質意義。在我看來這邊不算假裝頁面,事情的真實情況上我感到Google還有可能挺喜歡這麼子的頁面。拋開搜索引擎網站思索問題一下子,假如你的網站正好前來訪問了一位禁用JS的用戶,那純AJAX導航的頁面豈不是要讓他抓狂。Google本著用戶體驗認識第1的原則,是不會把這麼的行徑確定地認為為作弊的。(夜息注:Google確實是一個比較大肚的搜索引擎網站,想想logo用CSS起錨文本漂移出去的案件的例子,這種更加談不上用戶體驗認識,完全是為了SEO,Google都不會辦罪你)

  解決方案2:有挑選的運用Robots.txt

  這個物品辦法可謂是本文開頭那一些低端,不太靈辦法的昇班版本,經過對url的標記,我們可以在robots裡邊標記出哪一些頁面要被抓,哪一些頁面不要被抓。以阿裡吧吧為例,它們的robots.txt文件中有一條:Disallow:/products/

  


  而後在阿裡吧吧國際站的分面導航中,/products/目次是作為不必的分面而屏蔽的。況且還用了nofollow,(夜息注:紅色虛線框表達nofollow, 普通SEO插件都有這功能,圖有些丑,難為情了)

  


  從這個圖裡邊我們可以猜測,地域性+網站關鍵詞的頁面流量還是轉化率是比較高的,阿裡吧吧纔讓這些個頁面被抓取,至於那一些細分的頁面就不在這邊讓搜索引擎網站抓了吧,由於還有其它入口,這邊就賣個關子,有興致的同學就自個兒去研討一下子吧。

  兩個辦法都能做出優秀的分面導航導航,不過我更加喜歡第1種AJAX的作法,那樣子更加照顧用戶體驗認識。

  還有更多的辦法和案件的例子嗎?

  我期望有更多人能改善它們的導航系統,變得更加靈巧高明,精准。這相當於訪客的雷達系統。假如你曉得其它優秀的分面導航實行辦法,熱烈歡迎留言奉告我況且和大家商議交流。

  筆者:夜息 http://yexi.co.cc/?p=348 熱烈歡迎過載,請保存來源