幹貨分享：網站導航欄目設置要點分析

      任(ren)何(he)一(yi)個(ge)網(wang)站(zhan)都(dou)是(shi)由(you)導(dao)航(hang)欄(lan)目(mu)和(he)功(gong)能(neng)來(lai)支(zhi)撐(cheng)的(de)，最(zui)近(jin)有(you)很(hen)多(duo)的(de)客(ke)戶(hu)常(chang)常(chang)會(hui)忽(hu)略(lve)一(yi)個(ge)問(wen)題(ti)那(na)就(jiu)是(shi)對(dui)網(wang)站(zhan)欄(lan)目(mu)的(de)確(que)定(ding)
，因(yin)為(wei)有(you)很(hen)多(duo)人(ren)會(hui)有(you)個(ge)習(xi)慣(guan)，做(zuo)網(wang)站(zhan)的(de)時(shi)候(hou)可(ke)能(neng)會(hui)借(jie)鑒(jian)同(tong)行(xing)業(ye)的(de)網(wang)站(zhan)作(zuo)為(wei)參(can)考(kao)，故(gu)此(ci)
，有(you)的(de)人(ren)覺(jiao)得(de)我(wo)的(de)欄(lan)目(mu)架(jia)構(gou)跟(gen)參(can)考(kao)網(wang)站(zhan)差(cha)不(bu)多(duo)，雖(sui)說(shuo)是(shi)同(tong)行(xing)業(ye)，但(dan)有(you)的(de)時(shi)候(hou)這(zhe)一(yi)句(ju)“差不多”會(hui)給(gei)客(ke)戶(hu)的(de)網(wang)站(zhan)帶(dai)來(lai)很(hen)多(duo)誤(wu)導(dao)性(xing)的(de)建(jian)議(yi)。其(qi)實(shi)一(yi)個(ge)好(hao)的(de)導(dao)航(hang)欄(lan)目(mu)能(neng)讓(rang)你(ni)的(de)網(wang)站(zhan)快(kuai)速(su)超(chao)越(yue)同(tong)行(xing)
，對(dui)排(pai)名(ming)的(de)獲(huo)取(qu)有(you)巨(ju)大(da)的(de)推(tui)動(dong)作(zuo)用(yong)
，在(zai)百(bai)度(du)算(suan)法(fa)權(quan)重(zhong)分(fen)配(pei)中(zhong)
，導(dao)航(hang)的(de)權(quan)重(zhong)僅(jin)次(ci)於(yu)標(biao)題(ti)，設(she)計(ji)一(yi)個(ge)導(dao)航(hang)
，就(jiu)如(ru)同(tong)下(xia)一(yi)把(ba)生(sheng)死(si)棋(qi)局(ju)，因(yin)為(wei)它(ta)也(ye)是(shi)覺(jiao)得(de)網(wang)站(zhan)命(ming)運(yun)的(de)前(qian)提(ti)之(zhi)一(yi)，就(jiu)看(kan)我(wo)們(men)如(ru)何(he)排(pai)兵(bing)布(bu)陣(zhen)取(qu)勝(sheng)了(le)？

導航欄目的設計要求

1、導航宜精不宜濫

“精”是指精確的意思，很多網站的導航欄目都是“精”和“濫”的結合，常規性的導航欄目基本上都是大同小異
，如圖：

      首先我們要分清楚

，客戶所關心的問題是什麼，其實一般的常規欄目的設置主要體現在【關於我們】、【新聞資訊】、【產品展示】、【案例展示】、【聯係我們】等deng

，但dan重zhong點dian是shi要yao看kan客ke戶hu想xiang要yao突tu出chu什shen麼me，分fen清qing主zhu次ci。導dao航hang欄lan目mu的de設she置zhi並bing不bu在zai於yu導dao航hang欄lan目mu的de數shu量liang的de多duo少shao


，有you很hen多duo朋peng友you在zai設she置zhi導dao航hang的de時shi候hou
，總zong覺jiao得de導dao航hang太tai少shao

，就jiu那na麼me幾ji個ge，感gan覺jiao不bu美mei觀guan，然ran後hou就jiu加jia一yi些xie不bu是shi重zhong點dian體ti現xian的de導dao航hang欄lan目mu，讓rang整zheng個ge導dao航hang條tiao滿man滿man的de
，這zhe樣yang無wu形xing的de給gei用yong戶hu增zeng加jia了le選xuan擇ze的de時shi間jian，讓rang用yong戶hu的de選xuan擇ze多duo走zou了le一yi些xie彎wan路lu
，打da個ge再zai簡jian單dan不bu過guo的de例li子zi
，假jia如ru你ni到dao超chao市shi去qu買mai東dong西xi，本ben來lai按an照zhao你ni正zheng常chang的de思si路lu很hen快kuai就jiu可ke以yi找zhao到dao，但dan是shi店dian主zhu覺jiao得de門men麵mian太tai單dan調tiao，讓rang營ying業ye員yuan在zai門men口kou或huo者zhe某mou些xie地di方fang設she置zhi了le很hen多duo的de指zhi示shi牌pai
，導dao致zhi你ni用yong了le很hen長chang時shi間jian才cai找zhao到dao你ni要yao買mai的de東dong西xi
，那na麼me，下xia次ci你ni還hai會hui不bu會hui去qu這zhe家jia超chao市shi買mai東dong西xi呢ne，雖sui然ran不bu能neng保bao證zheng一yi定ding不bu去qu
，但dan是shi我wo想xiang在zai以yi後hou去qu的de基ji礎chu上shang會hui大da打da折zhe扣kou。

2
、導航宜簡不宜繁

       這裏所指的“繁”除chu了le雜za亂luan無wu章zhang之zhi外wai
，還hai有you深shen奧ao的de意yi思si，一yi些xie導dao航hang的de設she置zhi讓rang用yong戶hu看kan了le甚shen是shi費fei解jie，有you的de為wei了le展zhan現xian個ge性xing的de一yi麵mian
，甚shen至zhi采cai用yong英ying文wen來lai設she置zhi導dao航hang，這zhe也ye是shi不bu可ke取qu的de。導dao航hang欄lan目mu的de設she置zhi要yao讓rang用yong戶hu一yi眼yan就jiu能neng知zhi道dao是shi什shen麼me東dong西xi
，要yao一yi目mu了le然ran。

3、導航排序合理化

       導(dao)航(hang)欄(lan)目(mu)的(de)順(shun)序(xu)也(ye)是(shi)很(hen)有(you)講(jiang)究(jiu)的(de)
，從(cong)用(yong)戶(hu)瀏(liu)覽(lan)一(yi)個(ge)頁(ye)麵(mian)的(de)習(xi)慣(guan)來(lai)看(kan)，都(dou)是(shi)從(cong)左(zuo)到(dao)右(you)，從(cong)上(shang)到(dao)下(xia)的(de)過(guo)程(cheng)
，從(cong)百(bai)度(du)分(fen)配(pei)權(quan)重(zhong)來(lai)說(shuo)也(ye)是(shi)一(yi)樣(yang)的(de)道(dao)理(li)，在(zai)最(zui)前(qian)麵(mian)的(de)獲(huo)得(de)的(de)權(quan)重(zhong)較(jiao)高(gao)，因(yin)此(ci)，要(yao)掌(zhang)握(wo)用(yong)戶(hu)的(de)第(di)一(yi)需(xu)求(qiu)是(shi)什(shen)麼(me)，如(ru)果(guo)是(shi)圖(tu)片(pian)，那(na)麼(me)就(jiu)把(ba)圖(tu)片(pian)放(fang)在(zai)僅(jin)次(ci)於(yu)【網站首頁】導航的第二位
，如果是資料，就放在第二個，大多數的企業站都是把【關於我們】fangzaidierwei，zhegeyeshihenduoqiyezhanzaiduanqineiwufatupopaimingdeyuanyin，qishihaishishuyusiweiguanniandezhuanbian，woxiangbaqiyedexinxizhanshigeidajia，danshishifoushidajiasuoxuyaodejiubuyidingle
，yinci
，zheyangdedaohangshezhiduobanshihennantupopaimingdebianhua。

4、導航不宜用突破和JS特效

       youdewangzhanweilezengjiadaohangdemeiguandu，caiyongtupiandexingshijinxingbuju，zheyangshezhiyouyigebiduan，jiushibaiduzhizhuzhuaqudaohangdeshihoushibiebuletupian，buzhidaonixiamiandeneirongshuyushenme
，huirangsousuoyinqingwupanwangzhandezhuti，wanyideqingkuangxia，nidewangshitupianxingshide，xiankankannengbunengxiugaichengwenzi，ruobuneng，zaikankanshifoutianjialeALT屬性，同時還要避免搜索引擎識別不了的代碼。

       總(zong)之(zhi)
，一(yi)個(ge)優(you)秀(xiu)的(de)導(dao)航(hang)欄(lan)目(mu)，絕(jue)對(dui)是(shi)能(neng)讓(rang)用(yong)戶(hu)百(bai)看(kan)不(bu)厭(yan)的(de)，通(tong)熟(shu)易(yi)懂(dong)的(de)導(dao)航(hang)，對(dui)於(yu)很(hen)多(duo)新(xin)手(shou)而(er)言(yan)
，確(que)實(shi)不(bu)知(zhi)道(dao)從(cong)什(shen)麼(me)地(di)方(fang)下(xia)手(shou)設(she)置(zhi)導(dao)航(hang)，因(yin)為(wei)他(ta)們(men)不(bu)了(le)解(jie)用(yong)戶(hu)關(guan)心(xin)什(shen)麼(me)
，沒(mei)有(you)一(yi)個(ge)合(he)理(li)的(de)數(shu)據(ju)，僅(jin)僅(jin)隻(zhi)是(shi)靠(kao)猜(cai)是(shi)遠(yuan)遠(yuan)不(bu)行(xing)的(de)。