如何設(shè)計(jì)網(wǎng)站導(dǎo)航系統(tǒng)
一、引導(dǎo)用戶(hù)進(jìn)行下一步操作
網(wǎng)站建立好不是為了讓用戶(hù)漫無(wú)目的的瀏覽,而是要引導(dǎo)用戶(hù)最終訪問(wèn)網(wǎng)站的目標(biāo)頁(yè)面,以淘寶客網(wǎng)站為例,最終目的是使用戶(hù)點(diǎn)擊商品鏈接進(jìn)入淘寶店鋪,那么就要在合理的位置出現(xiàn)“點(diǎn)擊查看詳細(xì)”、“點(diǎn)擊進(jìn)行購(gòu)買(mǎi)”的提示信息,在文字鏈接上當(dāng)鼠標(biāo)移上去時(shí)也要彈出提示“點(diǎn)擊查看詳細(xì)”的字樣,告訴用戶(hù)這里是可以點(diǎn)擊的,在產(chǎn)品內(nèi)容頁(yè)旁邊要列出推薦出產(chǎn)品或是相關(guān)產(chǎn)品,引導(dǎo)用戶(hù)瀏覽更多的目標(biāo)頁(yè)面信息。制作頁(yè)面時(shí)要考慮,在哪些地方用戶(hù)可能會(huì)要想看更詳細(xì)的信息,或是會(huì)產(chǎn)生購(gòu)買(mǎi)的行為,在這些地方都要出現(xiàn)明確的引導(dǎo)kama提示。
二、導(dǎo)航系統(tǒng)不要使用flash或是js等不利于搜索引擎爬行的方式
很多網(wǎng)站為了追求效果而使用flash、圖片等來(lái)設(shè)計(jì)導(dǎo)航菜單,這些方式雖然視覺(jué)效果很棒,但是對(duì)于網(wǎng)站優(yōu)化來(lái)說(shuō)是非常不利的,導(dǎo)航系統(tǒng)是有效幫助搜索引擎蜘蛛順利爬行整個(gè)網(wǎng)站頁(yè)面的有利通道,如果在這個(gè)地方設(shè)置障礙,會(huì)直接影響網(wǎng)站的優(yōu)化。
三、網(wǎng)站地圖的設(shè)計(jì)
網(wǎng)站地圖可以幫助用戶(hù)快速了解網(wǎng)站內(nèi)容,幫助搜索引擎順利爬行到網(wǎng)站主要頁(yè)面,如果是一個(gè)中小型的網(wǎng)站建議在網(wǎng)站地圖上可以讀取出全部的內(nèi)容頁(yè)鏈接,這樣每更新一篇文章,搜索引擎蜘蛛就可以快速的抓取到,大大提高網(wǎng)站頁(yè)面的收錄量,如果是規(guī)模較大的網(wǎng)站,也要將重要欄目的內(nèi)容頁(yè)讀取出來(lái)。
四、如何讓用戶(hù)時(shí)刻清晰的知道自己正處在網(wǎng)站的哪個(gè)位置
要做到這一點(diǎn),需要良好的面包屑導(dǎo)航和主導(dǎo)航(也就是頁(yè)面頂部導(dǎo)航)系統(tǒng)一起來(lái)完成,主導(dǎo)航中當(dāng)前分類(lèi)應(yīng)該是高亮來(lái)顯示在主導(dǎo)航中l(wèi)ist1這個(gè)欄目名應(yīng)是高亮顯示的,面包屑導(dǎo)航應(yīng)該是這樣:首頁(yè) > list1 > 內(nèi)容標(biāo)題,這里的內(nèi)容標(biāo)題的顏色也是有區(qū)分的,這樣無(wú)論用戶(hù)從哪里頁(yè)面進(jìn)來(lái),都會(huì)很清晰的知道自己正處于網(wǎng)站中的哪個(gè)位置。現(xiàn)在很多CMS系統(tǒng)在內(nèi)容頁(yè)面包屑導(dǎo)航處都是只讀取到了欄目名,沒(méi)有讀取出內(nèi)容頁(yè)標(biāo)題,建議自行修該一下程序,將內(nèi)容頁(yè)標(biāo)題讀取出來(lái),這樣做不僅能提高網(wǎng)站的用戶(hù)體驗(yàn),還非常有利于內(nèi)容頁(yè)關(guān)鍵詞的優(yōu)化。
五、面包屑導(dǎo)航要設(shè)計(jì)的簡(jiǎn)潔、易于識(shí)別
面包屑導(dǎo)航是幫助用戶(hù)判斷當(dāng)前位置的最好方法,所以一定要設(shè)計(jì)的易于識(shí)別,可以通過(guò)字體顏色改變、字體加粗、字號(hào)加大等方式與頁(yè)面中的其他文字區(qū)分出來(lái),不要在這里設(shè)計(jì)太多花哨的東西,有一些網(wǎng)站把面包屑導(dǎo)航設(shè)計(jì)在了欄目右邊,或是獨(dú)出心裁設(shè)計(jì)到了內(nèi)容頁(yè)里面,這些都不是好的方式,就是簡(jiǎn)簡(jiǎn)單單,能使人一目了然知道自己處在哪個(gè)位置就可以了。
南京微信二次開(kāi)發(fā) 南京網(wǎng)站哪家好,南京模板網(wǎng)站
掃一掃“二維碼”快速鏈接企業(yè)微店
推薦使用 微信 或 UC 掃一掃 等掃碼工具
微店融入移動(dòng)互聯(lián)網(wǎng)帶來(lái)更多的商業(yè)機(jī)會(huì)。