淺析站長該如何做好電商網站的導航系統

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

這段時間裡，一直負責中小型電商網站的優化，而網站也是剛剛上線不久，在優化的時候涉及到了很多優化內容，如結構優化、頁面優化、內容優化等，幾乎整個網站都是我在策劃及優化。 在優化結構的時候，老闆特別重視網站導航的優化，要求一定要符合使用者體驗，讓使用者進入到網站後可以自由的控制網站，所以我也為此付出了很大的功夫去研究和優化。

相信做電商網站的站長們都應該清楚，優化網站導航是電商網站裡最重要的指標，而且良好的導航系統可以為使用者解決三個問題，第一個是我現在在哪、第二個是我知道下一步想去哪兒，該怎麼去、第三個我也不知道下一步該去哪兒， 請告訴我應該去哪，這三個是良好的導航可以為使用者提供的好處。 當然，網站導航系統應該是簡單、統一、明顯的，要儘量少給使用者機會去自己選擇，而是讓使用者沿著事先規劃好的路徑流覽網站。

使用者有時心裡很清楚想要看什麼內容，網站的導航系統就應該預想到，使用者在什麼時候最想看到什麼資訊，適時的把相應連結展現到使用者眼前，這個連結看似是使用者自己想去的地方，但其實也是站長最想讓使用者去的地方。 可能有時候使用者也沒有一定的目標，不知道下一步該去哪兒，此時站長就應該提示使用者可以點擊哪些連結，在網站上做什麼事情。 而這些連結就是站在們所計畫好的，所以也體現了電商網站導航的重要性以及對使用者的有好體驗，下面我詳細的來跟電商網站的新手站長一起交流一下網站導航的優化。

一、建立位置感

要讓網站導航起到最好的作用和效果，首先要讓使用者清楚知道自己現在在哪裡，無論使用者是從首頁進入網站流覽一些頁面之後，還是直接從各大搜尋引擎來到某一個內頁，使用者應該可以大致的流覽一下頁面就清楚自己是處在網站的什麼位置。 所以，站長要做到這一點，可以參考我給的建議，希望可以説明到電商網站的站長：

①：公司名稱、網站LOGO、背景顏色、頁面整體佈局，在整個網站保持統一。

②：頁面標題的字體和字型大小以及位置，在所有頁面上保持一致。

③：導航條應該在全站保持統一位置，並清晰的把整個網站分成樹形結構。

④：使用麵包屑導航，讓使用者清楚的知道目前頁面處於網站樹形結構的哪一層和什麼位置，千萬別學美麗說做扁平化結構，不科學，你懂得。

舉個簡單的例子，如圖可以看到，使用者是處於平板電視產品頁面，這個產品頁面隸屬電視欄目。

圖：平板電視產品頁面

二、頂部導航條

頂部導航條又稱網站主導航，是整個網站導航系統最明顯、最常用的部分，而且頂部導航的優化是促使方便使用體驗的第一步，所以做好頂部導航要注意以下幾點：

①：頂部導航要連結至網站最主要第幾個欄目。

②：當前頁面所在欄目要設置高亮，讓使用者知道目前的位置。

③：當前頁面所在欄目最好不能點擊，不然使用者點擊後打開的還是同一個頁面，會產生疑惑。

④：游標放在頂部導航條的不同欄目上時，欄目背景以及字體顏色應該發生變化，盡可能的提示使用者可以點擊此導航。

⑤：導航條不能使用圖片，應該使用文字導航，或者是圖文並茂的導航，純圖片導航條可能造成站長本身知道圖片代表的意義，而使用者卻不知道所代表的含義，所以不要讓使用者自己去猜圖片代表的是哪些內容。

⑥：頂部主導航條的數量最好不要超過七個，很多電商網站尤其是做的貌似門戶一樣的電商網站，頂部導航經常做成兩排，有的甚至若干個。 最終造成的結構很明瞭，使用者完全不記得導航條中有什麼內容，每次想要流覽時，都要糾結一會。 據我所知，人的注意力沒辦法太分散，一次看到5-7個選項是比較合適的，如果太多，可能會出現其他的不該發生的現象。

上述幾點是導航條形式設置上的一些考慮，希望對站長有所説明。 另外，導航條或者整個網站，具體分成哪些就需要考慮使用者的需要了，要從使用者的角度去出發，假設使用者來到你的網站最想知道什麼資訊，把這些資訊放入主導航條，千萬別把網站結構以及導航條按照企業結構分類。 比如，賣眼鏡的電商網站不要放公司文化、企業組織、公司活動、公司簡介等內容，沒人會對這些感興趣的，使用者所感興趣的是眼鏡的最新產品、治療近視、折價促銷、銷售點位址、抽獎活動等內容，頂部導航就應該放上這些內容。

三、左側導航

當然，大部分的電商網站不是通過頂部導航七個連結就能將網站結構做好，一般來來說，每一個欄目下面還需要一些子欄目，比如產品欄目下面可能又分為不同的品牌，這個時候就需要用到左側導航或者下拉式功能表了。 這裡要說明一下，左側導航在形式上和頂部導航類似，只不過連結指向的內容是網站結構更深的一層，有時兩層導航還不能解決問題，還需要第三層，所以站長可以使用左側導航通過內嵌格式把網頁分到第三層，效果非常好。 現在很多電商網站都是這麼做的，但還有一部分沒有這樣做，建議沒做的站長做上哦。

以一個典型的電子商務網站京東為例，如圖所示，頂部導航顯示主要功能，左側導航顯示產品分類，游標放在產品分類文字上時會顯示更細的產品分類。

圖：京東網站首頁

四、網站地圖

雖然部分電商網站站長都會盡力將導航系統設置的簡單清晰，不過大型網站結構都很複雜，甚至有的中小型電商網站都會設置的很複雜，所以使用者在很深的內容頁面上時，很容易搞不清自己所在的位置。 因此，在這個時候就要用到網站地圖了，可別小看網站地圖的能力了，網站地圖可以讓使用者無論當前身在何處，只要點擊網站地圖就可以清楚瞭解整個網站的架構和層次了。 要提醒的是，千萬別學美麗說網站，美麗說網站是根據女性的使用者體驗來設置的扁平化導航系統，是沒有麵包屑導航的，一般網站也用不到的。

網站地圖也是一個很強大的導航系統，這點是必然的。 通常來說，網站地圖上應該按照層次列出主導航上的內容，以及左側導航中的第二層內容，如果網站比較大，可以分到第三層、第四層，可以以此類推的。 這樣以來，網站地圖可以當作一個強大的主導航系統，使用者點擊後不僅有助於使用者去瞭解網站結構，也有助於搜尋引擎的抓取，可謂是一舉兩得、一箭雙雕、無與倫比。

如圖，是筆者所負責的網站導航，還有一部分沒有展示出來，但從當前的圖上可以看到商品分類和實體店分類，讓人看一下就可以清楚網站的整體結構和層次了。

圖：眼鏡網網站地圖

寫在最後：

以上由億超眼鏡網HTTP://www.yichao.cn/原創編輯。 總的來說，網站導航系統的目標就是要把使用者引導進入網站的目標路徑，可以說簡單的結構加上清楚的路徑是通往銷售的最好方法。 電商網站站長要做到網站不要讓使用者進入網站後變糊塗，而是讓使用者時刻清醒著，知道自己在什麼地方，而且有進入下一步的選項，可能這個選項看似使用者主動選擇，其實是站長們精心設置的目標路徑。