- 相關(guān)推薦
站長該如何做好電商網(wǎng)站的導(dǎo)航系統(tǒng)？
這段時(shí)間里，一直負(fù)責(zé)中小型電商網(wǎng)站的優(yōu)化，而網(wǎng)站也是剛剛上線不久，在優(yōu)化的時(shí)候涉及到了很多優(yōu)化內(nèi)容，如結(jié)構(gòu)優(yōu)化、頁面優(yōu)化、內(nèi)容優(yōu)化等，幾乎整個(gè)網(wǎng)站都是我在策劃及優(yōu)化。在優(yōu)化結(jié)構(gòu)的時(shí)候，老板特別重視網(wǎng)站導(dǎo)航的優(yōu)化，要求一定要符合用戶體驗(yàn)，讓用戶進(jìn)入到網(wǎng)站后可以自由的控制網(wǎng)站，所以我也為此付出了很大的功夫去研究和優(yōu)化。
相信做電商網(wǎng)站的站長們都應(yīng)該清楚，優(yōu)化網(wǎng)站導(dǎo)航是電商網(wǎng)站里最重要的指標(biāo)，而且良好的導(dǎo)航系統(tǒng)可以為用戶解決三個(gè)問題，第一個(gè)是我現(xiàn)在在哪、第二個(gè)是我知道下一步想去哪兒，該怎么去、第三個(gè)我也不知道下一步該去哪兒，請(qǐng)告訴我應(yīng)該去哪，這三個(gè)是良好的導(dǎo)航可以為用戶提供的好處。當(dāng)然，網(wǎng)站導(dǎo)航系統(tǒng)應(yīng)該是簡單、統(tǒng)一、明顯的，要盡量少給用戶機(jī)會(huì)去自己選擇，而是讓用戶沿著事先規(guī)劃好的路徑瀏覽網(wǎng)站。
用戶有時(shí)心里很清楚想要看什么內(nèi)容，網(wǎng)站的導(dǎo)航系統(tǒng)就應(yīng)該預(yù)想到，用戶在什么時(shí)候最想看到什么信息，適時(shí)的把相應(yīng)鏈接展現(xiàn)到用戶眼前，這個(gè)鏈接看似是用戶自己想去的地方，但其實(shí)也是站長最想讓用戶去的地方。可能有時(shí)候用戶也沒有一定的目標(biāo)，不知道下一步該去哪兒，此時(shí)站長就應(yīng)該提示用戶可以點(diǎn)擊哪些鏈接，在網(wǎng)站上做什么事情。而這些鏈接就是站在們所計(jì)劃好的，所以也體現(xiàn)了電商網(wǎng)站導(dǎo)航的重要性以及對(duì)用戶的有好體驗(yàn)，下面我詳細(xì)的來跟電商網(wǎng)站的新手站長一起交流一下網(wǎng)站導(dǎo)航的優(yōu)化。
一、建立位置感
要讓網(wǎng)站導(dǎo)航起到最好的作用和效果，首先要讓用戶清楚知道自己現(xiàn)在在哪里，無論用戶是從首頁進(jìn)入網(wǎng)站瀏覽一些頁面之后，還是直接從各大搜索引擎來到某一個(gè)內(nèi)頁，用戶應(yīng)該可以大致的瀏覽一下頁面就清楚自己是處在網(wǎng)站的什么位置。所以，站長要做到這一點(diǎn)，可以參考我給的建議，希望可以幫助到電商網(wǎng)站的站長：
①：公司名稱、網(wǎng)站LOGO、背景顏色、頁面整體布局，在整個(gè)網(wǎng)站保持統(tǒng)一。
②：頁面標(biāo)題的字體和字號(hào)以及位置，在所有頁面上保持一致。
③：導(dǎo)航條應(yīng)該在全站保持統(tǒng)一位置，并清晰的把整個(gè)網(wǎng)站分成樹形結(jié)構(gòu)。
④：使用面包屑導(dǎo)航，讓用戶清楚的知道目前頁面處于網(wǎng)站樹形結(jié)構(gòu)的哪一層和什么位置，千萬別學(xué)美麗說做扁平化結(jié)構(gòu)，不科學(xué)，你懂得。
舉個(gè)簡單的例子，如圖可以看到，用戶是處于平板電視產(chǎn)品頁面，這個(gè)產(chǎn)品頁面隸屬電視欄目。
二、頂部導(dǎo)航條
頂部導(dǎo)航條又稱網(wǎng)站主導(dǎo)航，是整個(gè)網(wǎng)站導(dǎo)航系統(tǒng)最明顯、最常用的部分，而且頂部導(dǎo)航的優(yōu)化是促使用戶友好體驗(yàn)的第一步，所以做好頂部導(dǎo)航要注意以下幾點(diǎn)：
①：頂部導(dǎo)航要鏈接至網(wǎng)站最主要第幾個(gè)欄目。
②：當(dāng)前頁面所在欄目要設(shè)置高亮，讓用戶知道目前的位置。
③：當(dāng)前頁面所在欄目最好不能點(diǎn)擊，不然用戶點(diǎn)擊后打開的還是同一個(gè)頁面，會(huì)產(chǎn)生疑惑。
④：光標(biāo)放在頂部導(dǎo)航條的不同欄目上時(shí)，欄目背景以及字體顏色應(yīng)該發(fā)生變化，盡可能的提示用戶可以點(diǎn)擊此導(dǎo)航。
⑤：導(dǎo)航條不能使用圖片，應(yīng)該使用文字導(dǎo)航，或者是圖文并茂的導(dǎo)航，純圖片導(dǎo)航條可能造成站長本身知道圖片代表的意義，而用戶卻不知道所代表的含義，所以不要讓用戶自己去猜圖片代表的是哪些內(nèi)容。
⑥：頂部主導(dǎo)航條的數(shù)量最好不要超過七個(gè)，很多電商網(wǎng)站尤其是做的貌似門戶一樣的電商網(wǎng)站，頂部導(dǎo)航經(jīng)常做成兩排，有的甚至若干個(gè)。最終造成的結(jié)構(gòu)很明了，用戶完全不記得導(dǎo)航條中有什么內(nèi)容，每次想要瀏覽時(shí)，都要糾結(jié)一會(huì)。據(jù)我所知，人的注意力沒辦法太分散，一次看到5-7個(gè)選項(xiàng)是比較合適的，如果太多，可能會(huì)出現(xiàn)其他的不該發(fā)生的現(xiàn)象。
上述幾點(diǎn)是導(dǎo)航條形式設(shè)置上的一些考慮，希望對(duì)站長有所幫助。另外，導(dǎo)航條或者整個(gè)網(wǎng)站，具體分成哪些就需要考慮用戶的需要了，要從用戶的角度去出發(fā)，假設(shè)用戶來到你的網(wǎng)站最想知道什么信息，把這些信息放入主導(dǎo)航條，千萬別把網(wǎng)站結(jié)構(gòu)以及導(dǎo)航條按照企業(yè)結(jié)構(gòu)分類。比如，賣眼鏡的電商網(wǎng)站不要放公司文化、企業(yè)組織、公司活動(dòng)、公司簡介等內(nèi)容，沒人會(huì)對(duì)這些感興趣的，用戶所感興趣的是眼鏡的最新產(chǎn)品、治療近視、折價(jià)促銷、銷售點(diǎn)地址、抽獎(jiǎng)活動(dòng)等內(nèi)容，頂部導(dǎo)航就應(yīng)該放上這些內(nèi)容。
三、左側(cè)導(dǎo)航
當(dāng)然，大部分的電商網(wǎng)站不是通過頂部導(dǎo)航七個(gè)鏈接就能將網(wǎng)站結(jié)構(gòu)做好，一般來來說，每一個(gè)欄目下面還需要一些子欄目，比如產(chǎn)品欄目下面可能又分為不同的品牌，這個(gè)時(shí)候就需要用到左側(cè)導(dǎo)航或者下拉菜單了。這里要說明一下，左側(cè)導(dǎo)航在形式上和頂部導(dǎo)航類似，只不過鏈接指向的內(nèi)容是網(wǎng)站結(jié)構(gòu)更深的一層，有時(shí)兩層導(dǎo)航還不能解決問題，還需要第三層，所以站長可以使用左側(cè)導(dǎo)航通過內(nèi)嵌格式把網(wǎng)頁分到第三層，效果非常好�，F(xiàn)在很多電商網(wǎng)站都是這么做的，但還有一部分沒有這樣做，建議沒做的站長做上哦。
以一個(gè)典型的電子商務(wù)網(wǎng)站京東為例，如圖所示，頂部導(dǎo)航顯示主要功能，左側(cè)導(dǎo)航顯示產(chǎn)品分類，光標(biāo)放在產(chǎn)品分類文字上時(shí)會(huì)顯示更細(xì)的產(chǎn)品分類。
圖：京東網(wǎng)站首頁
四、網(wǎng)站地圖
雖然部分電商網(wǎng)站站長都會(huì)盡力將導(dǎo)航系統(tǒng)設(shè)置的簡單清晰，不過大型網(wǎng)站結(jié)構(gòu)都很復(fù)雜，甚至有的中小型電商網(wǎng)站都會(huì)設(shè)置的很復(fù)雜，所以用戶在很深的內(nèi)容頁面上時(shí)，很容易搞不清自己所在的位置。因此，在這個(gè)時(shí)候就要用到網(wǎng)站地圖了，可別小看網(wǎng)站地圖的能力了，網(wǎng)站地圖可以讓用戶無論當(dāng)前身在何處，只要點(diǎn)擊網(wǎng)站地圖就可以清楚了解整個(gè)網(wǎng)站的架構(gòu)和層次了。要提醒的是，千萬別學(xué)美麗說網(wǎng)站，美麗說網(wǎng)站是根據(jù)女性的用戶體驗(yàn)來設(shè)置的扁平化導(dǎo)航系統(tǒng)，是沒有面包屑導(dǎo)航的，一般網(wǎng)站也用不到的。
網(wǎng)站地圖也是一個(gè)很強(qiáng)大的導(dǎo)航系統(tǒng)，這點(diǎn)是必然的。通常來說，網(wǎng)站地圖上應(yīng)該按照層次列出主導(dǎo)航上的內(nèi)容，以及左側(cè)導(dǎo)航中的第二層內(nèi)容，如果網(wǎng)站比較大，可以分到第三層、第四層，可以以此類推的。這樣以來，網(wǎng)站地圖可以當(dāng)作一個(gè)強(qiáng)大的主導(dǎo)航系統(tǒng)，用戶點(diǎn)擊后不僅有助于用戶去了解網(wǎng)站結(jié)構(gòu)，也有助于搜索引擎的抓取，可謂是一舉兩得、一箭雙雕、無與倫比。
如圖，是筆者所負(fù)責(zé)的網(wǎng)站導(dǎo)航，還有一部分沒有展示出來，但從當(dāng)前的圖上可以看到商品分類和實(shí)體店分類，讓人看一下就可以清楚網(wǎng)站的整體結(jié)構(gòu)和層次了。
寫在最后：
總的來說，網(wǎng)站導(dǎo)航系統(tǒng)的目標(biāo)就是要把用戶引導(dǎo)進(jìn)入網(wǎng)站的目標(biāo)路徑，可以說簡單的結(jié)構(gòu)加上清楚的路徑是通往銷售的最好方法。電商網(wǎng)站站長要做到網(wǎng)站不要讓用戶進(jìn)入網(wǎng)站后變糊涂，而是讓用戶時(shí)刻清醒著，知道自己在什么地方，而且有進(jìn)入下一步的選項(xiàng)，可能這個(gè)選項(xiàng)看似用戶主動(dòng)選擇，其實(shí)是站長們精心設(shè)置的目標(biāo)路徑。
[站長該如何做好電商網(wǎng)站的導(dǎo)航系統(tǒng)？]相關(guān)文章：
1.站長該如何做好電商網(wǎng)站的導(dǎo)航系統(tǒng)?
【站長該如何做好電商網(wǎng)站的導(dǎo)航系統(tǒng)？】相關(guān)文章：
電商網(wǎng)站的購物車頁面該如何做好優(yōu)化07-14
電商網(wǎng)站該如何合理的布局關(guān)鍵詞07-14
該如何做好網(wǎng)站內(nèi)鏈建設(shè)？07-14