相信做電商網(wǎng)站的站長(cháng)們都應該清楚，優(yōu)化網(wǎng)站導航是電商網(wǎng)站里最重要的指標，而且良好的導航系統可以為用戶(hù)解決三個(gè)問(wèn)題，第一個(gè)是我現在在哪、第二個(gè)是我知道下一步想去哪兒，該怎么去、第三個(gè)我也不知道下一步該去哪兒，請告訴我應該去哪，這三個(gè)是良好的導航可以為用戶(hù)提供的好處。當然，網(wǎng)站導航系統應該是簡(jiǎn)單、統一、明顯的，要盡量少給用戶(hù)機會(huì )去自己選擇，而是讓用戶(hù)沿著(zhù)事先規劃好的路徑瀏覽網(wǎng)站，這就是網(wǎng)站導航的秘訣。

用戶(hù)有時(shí)心里很清楚想要看什么內容，網(wǎng)站的導航系統就應該預想到，用戶(hù)在什么時(shí)候最想看到什么信息，適時(shí)的把相應鏈接展現到用戶(hù)眼前，這個(gè)鏈接看似是用戶(hù)自己想去的地方，但其實(shí)也是站長(cháng)最想讓用戶(hù)去的地方?？赡苡袝r(shí)候用戶(hù)也沒(méi)有一定的目標，不知道下一步該去哪兒，此時(shí)站長(cháng)就應該提示用戶(hù)可以點(diǎn)擊哪些鏈接，在網(wǎng)站上做什么事情。而這些鏈接就是站在們所計劃好的，所以也體現了電商網(wǎng)站導航的重要性以及對用戶(hù)的有好體驗，下面我詳細的來(lái)跟電商網(wǎng)站的新手站長(cháng)一起交流一下網(wǎng)站導航的優(yōu)化。

　　一、建立位置感

要讓網(wǎng)站導航起到最好的作用和效果，首先要讓用戶(hù)清楚知道自己現在在哪里，無(wú)論用戶(hù)是從首頁(yè)進(jìn)入網(wǎng)站瀏覽一些頁(yè)面之后，還是直接從各大搜索引擎來(lái)到某一個(gè)內頁(yè)，用戶(hù)應該可以大致的瀏覽一下頁(yè)面就清楚自己是處在網(wǎng)站的什么位置。所以，站長(cháng)要做到這一點(diǎn)，可以參考我給的建議，希望可以幫助到電商網(wǎng)站的站長(cháng)：

①：公司名稱(chēng)、網(wǎng)站LOGO、背景顏色、頁(yè)面整體布局，在整個(gè)網(wǎng)站保持統一。

②：頁(yè)面標題的字體和字號以及位置，在所有頁(yè)面上保持一致。

③：導航條應該在全站保持統一位置，并清晰的把整個(gè)網(wǎng)站分成樹(shù)形結構。

④：使用面包屑導航，讓用戶(hù)清楚的知道目前頁(yè)面處于網(wǎng)站樹(shù)形結構的哪一層和什么位置，千萬(wàn)別學(xué)美麗說(shuō)做扁平化結構，不科學(xué)，你懂得。

舉個(gè)簡(jiǎn)單的例子，如圖可以看到，用戶(hù)是處于平板電視產(chǎn)品頁(yè)面，這個(gè)產(chǎn)品頁(yè)面隸屬電視欄目。

　二、頂部導航條

頂部導航條又稱(chēng)網(wǎng)站主導航，是整個(gè)網(wǎng)站導航系統最明顯、最常用的部分，而且頂部導航的優(yōu)化是促使用戶(hù)友好體驗的第一步，所以做好頂部導航要注意以下幾點(diǎn)：

①：頂部導航要鏈接至網(wǎng)站最主要第幾個(gè)欄目。

②：當前頁(yè)面所在欄目要設置高亮，讓用戶(hù)知道目前的位置。

③：當前頁(yè)面所在欄目最好不能點(diǎn)擊，不然用戶(hù)點(diǎn)擊后打開(kāi)的還是同一個(gè)頁(yè)面，會(huì )產(chǎn)生疑惑。

④：光標放在頂部導航條的不同欄目上時(shí)，欄目背景以及字體顏色應該發(fā)生變化，盡可能的提示用戶(hù)可以點(diǎn)擊此導航。

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

⑥：頂部主導航條的數量最好不要超過(guò)七個(gè)，很多電商網(wǎng)站尤其是做的貌似門(mén)戶(hù)一樣的電商網(wǎng)站，頂部導航經(jīng)常做成兩排，有的甚至若干個(gè)。最終造成的結構很明了，用戶(hù)完全不記得導航條中有什么內容，每次想要瀏覽時(shí)，都要糾結一會(huì )。據我所知，人的注意力沒(méi)辦法太分散，一次看到5-7個(gè)選項是比較合適的，如果太多，可能會(huì )出現其他的不該發(fā)生的現象。

上述幾點(diǎn)是導航條形式設置上的一些考慮，希望對站長(cháng)有所幫助。另外，導航條或者整個(gè)網(wǎng)站，具體分成哪些就需要考慮用戶(hù)的需要了，要從用戶(hù)的角度去出發(fā)，假設用戶(hù)來(lái)到你的網(wǎng)站最想知道什么信息，把這些信息放入主導航條，千萬(wàn)別把網(wǎng)站結構以及導航條按照企業(yè)結構分類(lèi)。比如，賣(mài)眼鏡的電商網(wǎng)站不要放公司文化、企業(yè)組織、公司活動(dòng)、公司簡(jiǎn)介等內容，沒(méi)人會(huì )對這些感興趣的，用戶(hù)所感興趣的是眼鏡的最新產(chǎn)品、治療近視、折價(jià)促銷(xiāo)、銷(xiāo)售點(diǎn)地址、抽獎活動(dòng)等內容，頂部導航就應該放上這些內容。

　三、左側導航

當然，大部分的電商網(wǎng)站不是通過(guò)頂部導航七個(gè)鏈接就能將網(wǎng)站結構做好，一般來(lái)來(lái)說(shuō)，每一個(gè)欄目下面還需要一些子欄目，比如產(chǎn)品欄目下面可能又分為不同的品牌，這個(gè)時(shí)候就需要用到左側導航或者下拉菜單了。這里要說(shuō)明一下，左側導航在形式上和頂部導航類(lèi)似，只不過(guò)鏈接指向的內容是網(wǎng)站結構更深的一層，有時(shí)兩層導航還不能解決問(wèn)題，還需要第三層，所以站長(cháng)可以使用左側導航通過(guò)內嵌格式把網(wǎng)頁(yè)分到第三層，效果非常好?，F在很多電商網(wǎng)站都是這么做的，但還有一部分沒(méi)有這樣做，建議沒(méi)做的站長(cháng)做上哦。

以一個(gè)典型的電子商務(wù)網(wǎng)站京東為例，如圖所示，頂部導航顯示主要功能，左側導航顯示產(chǎn)品分類(lèi)，光標放在產(chǎn)品分類(lèi)文字上時(shí)會(huì )顯示更細的產(chǎn)品分類(lèi)。

圖：京東網(wǎng)站首頁(yè)

　　四、網(wǎng)站地圖

雖然部分電商網(wǎng)站站長(cháng)都會(huì )盡力將導航系統設置的簡(jiǎn)單清晰，不過(guò)大型網(wǎng)站結構都很復雜，甚至有的中小型電商網(wǎng)站都會(huì )設置的很復雜，所以用戶(hù)在很深的內容頁(yè)面上時(shí)，很容易搞不清自己所在的位置。因此，在這個(gè)時(shí)候就要用到網(wǎng)站地圖了，可別小看網(wǎng)站地圖的能力了，網(wǎng)站地圖可以讓用戶(hù)無(wú)論當前身在何處，只要點(diǎn)擊網(wǎng)站地圖就可以清楚了解整個(gè)網(wǎng)站的架構和層次了。要提醒的是，千萬(wàn)別學(xué)美麗說(shuō)網(wǎng)站，美麗說(shuō)網(wǎng)站是根據女性的用戶(hù)體驗來(lái)設置的扁平化導航系統，是沒(méi)有面包屑導航的，一般網(wǎng)站也用不到的。

網(wǎng)站地圖也是一個(gè)很強大的導航系統，這點(diǎn)是必然的。通常來(lái)說(shuō)，網(wǎng)站地圖上應該按照層次列出主導航上的內容，以及左側導航中的第二層內容，如果網(wǎng)站比較大，可以分到第三層、第四層，可以以此類(lèi)推的。這樣以來(lái)，網(wǎng)站地圖可以當作一個(gè)強大的主導航系統，用戶(hù)點(diǎn)擊后不僅有助于用戶(hù)去了解網(wǎng)站結構，也有助于搜索引擎的抓取，可謂是一舉兩得、一箭雙雕、無(wú)與倫比。

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

　寫(xiě)在最后：

總的來(lái)說(shuō)，網(wǎng)站導航系統的目標就是要把用戶(hù)引導進(jìn)入網(wǎng)站的目標路徑，可以說(shuō)簡(jiǎn)單的結構加上清楚的路徑是通往銷(xiāo)售的最好方法。電商網(wǎng)站站長(cháng)要做到網(wǎng)站不要讓用戶(hù)進(jìn)入網(wǎng)站后變糊涂，而是讓用戶(hù)時(shí)刻清醒著(zhù)，知道自己在什么地方，而且有進(jìn)入下一步的選項，可能這個(gè)選項看似用戶(hù)主動(dòng)選擇，其實(shí)是站長(cháng)們精心設置的目標路徑。

---