相信做電商網(wǎng)站的站長們都應該清楚，優(yōu)化網(wǎng)站導航是電商網(wǎng)站里重要的指標，而且良好的導航系統(tǒng)可以為用戶解決三個問題，第一個是我現(xiàn)在在哪、第二個是我知道下一步想去哪兒，該怎么去、第三個我也不知道下一步該去哪兒，請告訴我應該去哪，這三個是良好的導航可以為用戶提供的好處。當然，網(wǎng)站導航系統(tǒng)應該是簡單、統(tǒng)一、明顯的，要盡量少給用戶機會去自己選擇，而是讓用戶沿著事先規(guī)劃好的路徑瀏覽網(wǎng)站。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

用戶有時心里很清楚想要看什么內容，網(wǎng)站的導航系統(tǒng)就應該預想到，用戶在什么時候想看到什么信息，適時的把相應鏈接展現(xiàn)到用戶眼前，這個鏈接看似是用戶自己想去的地方，但其實也是站長想讓用戶去的地方。可能有時候用戶也沒有一定的目標，不知道下一步該去哪兒，此時站長就應該提示用戶可以點擊哪些鏈接，在網(wǎng)站上做什么事情。而這些鏈接就是站在們所計劃好的，所以也體現(xiàn)了電商網(wǎng)站導航的重要性以及對用戶的有好體驗，下面我詳細的來跟電商網(wǎng)站的新手站長一起交流一下網(wǎng)站導航的優(yōu)化。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

　　一、建立位置感yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

要讓網(wǎng)站導航起到好的作用和效果，首先要讓用戶清楚知道自己現(xiàn)在在哪里，無論用戶是從首頁進入網(wǎng)站瀏覽一些頁面之后，還是直接從各大搜索引擎來到某一個內頁，用戶應該可以大致的瀏覽一下頁面就清楚自己是處在網(wǎng)站的什么位置。所以，站長要做到這一點，可以參考我給的建議，希望可以幫助到電商網(wǎng)站的站長：yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

①：公司名稱、網(wǎng)站LOGO、背景顏色、頁面整體布局，在整個網(wǎng)站保持統(tǒng)一。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

②：頁面標題的字體和字號以及位置，在所有頁面上保持一致。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

③：導航條應該在全站保持統(tǒng)一位置，并清晰的把整個網(wǎng)站分成樹形結構。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

④：使用面包屑導航，讓用戶清楚的知道目前頁面處于網(wǎng)站樹形結構的哪一層和什么位置，千萬別學美麗說做扁平化結構，不科學，你懂得。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

舉個簡單的例子，如圖可以看到，用戶是處于平板電視產(chǎn)品頁面，這個產(chǎn)品頁面隸屬電視欄目。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

　二、頂部導航條yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

頂部導航條又稱網(wǎng)站主導航，是整個網(wǎng)站導航系統(tǒng)明顯、常用的部分，而且頂部導航的優(yōu)化是促使用戶友好體驗的第一步，所以做好頂部導航要注意以下幾點：yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

①：頂部導航要鏈接至網(wǎng)站主要第幾個欄目。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

②：當前頁面所在欄目要設置高亮，讓用戶知道目前的位置。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

③：當前頁面所在欄目好不能點擊，不然用戶點擊后打開的還是同一個頁面，會產(chǎn)生疑惑。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

④：光標放在頂部導航條的不同欄目上時，欄目背景以及字體顏色應該發(fā)生變化，盡可能的提示用戶可以點擊此導航。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

⑤：導航條不能使用圖片，應該使用文字導航，或者是圖文并茂的導航，純圖片導航條可能造成站長本身知道圖片代表的意義，而用戶卻不知道所代表的含義，所以不要讓用戶自己去猜圖片代表的是哪些內容。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

⑥：頂部主導航條的數(shù)量好不要超過七個，很多電商網(wǎng)站尤其是做的貌似門戶一樣的電商網(wǎng)站，頂部導航經(jīng)常做成兩排，有的甚至若干個。終造成的結構很明了，用戶完全不記得導航條中有什么內容，每次想要瀏覽時，都要糾結一會。據(jù)我所知，人的注意力沒辦法太分散，一次看到5-7個選項是比較合適的，如果太多，可能會出現(xiàn)其他的不該發(fā)生的現(xiàn)象。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

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

　三、左側導航yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

當然，大部分的電商網(wǎng)站不是通過頂部導航七個鏈接就能將網(wǎng)站結構做好，一般來來說，每一個欄目下面還需要一些子欄目，比如產(chǎn)品欄目下面可能又分為不同的品牌，這個時候就需要用到左側導航或者下拉菜單了。這里要說明一下，左側導航在形式上和頂部導航類似，只不過鏈接指向的內容是網(wǎng)站結構更深的一層，有時兩層導航還不能解決問題，還需要第三層，所以站長可以使用左側導航通過內嵌格式把網(wǎng)頁分到第三層，效果非常好?，F(xiàn)在很多電商網(wǎng)站都是這么做的，但還有一部分沒有這樣做，建議沒做的站長做上哦。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

以一個典型的電子商務網(wǎng)站京東為例，如圖所示，頂部導航顯示主要功能，左側導航顯示產(chǎn)品分類，光標放在產(chǎn)品分類文字上時會顯示更細的產(chǎn)品分類。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

圖：京東網(wǎng)站首頁yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

　　四、網(wǎng)站地圖yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

雖然部分電商網(wǎng)站站長都會盡力將導航系統(tǒng)設置的簡單清晰，不過大型網(wǎng)站結構都很復雜，甚至有的中小型電商網(wǎng)站都會設置的很復雜，所以用戶在很深的內容頁面上時，很容易搞不清自己所在的位置。因此，在這個時候就要用到網(wǎng)站地圖了，可別小看網(wǎng)站地圖的能力了，網(wǎng)站地圖可以讓用戶無論當前身在何處，只要點擊網(wǎng)站地圖就可以清楚了解整個網(wǎng)站的架構和層次了。要提醒的是，千萬別學美麗說網(wǎng)站，美麗說網(wǎng)站是根據(jù)女性的用戶體驗來設置的扁平化導航系統(tǒng)，是沒有面包屑導航的，一般網(wǎng)站也用不到的。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

網(wǎng)站地圖也是一個很強大的導航系統(tǒng)，這點是必然的。通常來說，網(wǎng)站地圖上應該按照層次列出主導航上的內容，以及左側導航中的第二層內容，如果網(wǎng)站比較大，可以分到第三層、第四層，可以以此類推的。這樣以來，網(wǎng)站地圖可以當作一個強大的主導航系統(tǒng)，用戶點擊后不僅有助于用戶去了解網(wǎng)站結構，也有助于搜索引擎的抓取，可謂是一舉兩得、一箭雙雕、無與倫比。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

如圖，是筆者所負責的網(wǎng)站導航，還有一部分沒有展示出來，但從當前的圖上可以看到商品分類和實體店分類，讓人看一下就可以清楚網(wǎng)站的整體結構和層次了。 yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

　寫在后：yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

總的來說，網(wǎng)站導航系統(tǒng)的目標就是要把用戶引導進入網(wǎng)站的目標路徑，可以說簡單的結構加上清楚的路徑是通往銷售的好方法。電商網(wǎng)站站長要做到網(wǎng)站不要讓用戶進入網(wǎng)站后變糊涂，而是讓用戶時刻清醒著，知道自己在什么地方，而且有進入下一步的選項，可能這個選項看似用戶主動選擇，其實是站長們精心設置的目標路徑。yHJ北京網(wǎng)站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)