DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 淺析站長該如何做好電商網站的導航系統?
淺析站長該如何做好電商網站的導航系統?
編輯:SEO優化集錦     

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

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

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

  一、建立位置感

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

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

②:頁面標題的字體和字號以及位置,在所有頁面上保持一致。

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

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

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

 二、頂部導航條

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

①:頂部導航要鏈接至網站最主要第幾個欄目。

②:當前頁面所在欄目要設置高亮,讓用戶知道目前的位置。

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

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

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

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

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

 三、左側導航

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

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

圖:京東網站首頁

  四、網站地圖

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

網站地圖也是一個很強大的導航系統,這點是必然的。通常來說,網站地圖上應該按照層次列出主導航上的內容,以及左側導航中的第二層內容,如果網站比較大,可以分到第三層、第四層,可以以此類推的。這樣以來,網站地

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved