網(wǎng)站導(dǎo)航是對(duì)引導(dǎo)用戶訪問(wèn)網(wǎng)站的欄目、菜單、在線幫助、布局結(jié)構(gòu)等形式的統(tǒng)稱。其主要功能在于引導(dǎo)用戶方便地訪問(wèn)網(wǎng)站內(nèi)容，是評(píng)價(jià)網(wǎng)站專業(yè)度、可用度的重要指標(biāo)。同時(shí)對(duì)搜索引擎也產(chǎn)生諸多提示作用。概括地講，網(wǎng)站在導(dǎo)航方面應(yīng)注意以下幾點(diǎn)：
主導(dǎo)航一般體現(xiàn)為一級(jí)目錄，通過(guò)它用戶和蜘蛛程序可以層層深入訪問(wèn)到網(wǎng)站所有重要內(nèi)容。因此主欄目必須在網(wǎng)站首頁(yè)第一屏的醒目位置體現(xiàn)，并最好采用文本鏈接而不是圖片。
除了主欄目，還應(yīng)該將次級(jí)目錄中的重要內(nèi)容以鏈接的方式在首頁(yè)或其他子頁(yè)中多次呈現(xiàn)，以突出重點(diǎn)。搜索引擎會(huì)對(duì)這種一站內(nèi)多次出現(xiàn)的鏈接給予充分重視，對(duì)網(wǎng)頁(yè)級(jí)別提高有很大幫助,這也是每個(gè)網(wǎng)站首頁(yè)的網(wǎng)頁(yè)級(jí)別一般高于其他頁(yè)面級(jí)別的重要因素，因?yàn)槊總€(gè)子頁(yè)都對(duì)首頁(yè)進(jìn)行了鏈接。
網(wǎng)站地圖(Site Map)是輔助導(dǎo)航的手段,最初是為用戶設(shè)計(jì)，以方便用戶快捷到達(dá)目標(biāo)頁(yè)。良好的網(wǎng)站地圖設(shè)計(jì)常常以網(wǎng)站拓?fù)浣Y(jié)構(gòu)體現(xiàn)復(fù)雜的目錄關(guān)系，具有靜態(tài)、直觀、扁平、簡(jiǎn)單的特點(diǎn)。多采用文本鏈接，不用或少用修飾性圖片，以加快頁(yè)面加載速度。以上特點(diǎn)符合搜索引擎友好的要求，因此網(wǎng)站地圖在SEO中也有重要意義。尤其對(duì)于那些采用圖片導(dǎo)航和動(dòng)態(tài)技術(shù)生成的網(wǎng)頁(yè)，通過(guò)在網(wǎng)站地圖中進(jìn)行文本鏈接，可在一定程度上彌補(bǔ)蜘蛛程序無(wú)法識(shí)別圖片和動(dòng)態(tài)網(wǎng)頁(yè)造成的頁(yè)面不可見(jiàn)的風(fēng)險(xiǎn)。
網(wǎng)站導(dǎo)航的最終目的就是幫助用戶找到他們需要的信息，如果說(shuō)得詳細(xì)點(diǎn)，那么可以概括為下面3個(gè)用處：
1. 引導(dǎo)用戶完成網(wǎng)站各內(nèi)容頁(yè)面間的跳轉(zhuǎn)。這個(gè)是最常見(jiàn)的，全局導(dǎo)航、局部導(dǎo)航和輔助導(dǎo)航等都是為了引導(dǎo)用戶瀏覽相關(guān)的頁(yè)面;
2. 理清網(wǎng)站各內(nèi)容與鏈接間的聯(lián)系。即對(duì)網(wǎng)站整理內(nèi)容的一個(gè)索引和理解，這個(gè)最常見(jiàn)的應(yīng)用就是網(wǎng)站地圖和內(nèi)容索引表，展現(xiàn)了整個(gè)網(wǎng)站的目錄信息，幫助用戶快速找到相應(yīng)的內(nèi)容;
3. 定位用戶在網(wǎng)站中所處的位置。這個(gè)在面包屑導(dǎo)航中得到了充分的體現(xiàn)，它幫助用戶識(shí)別當(dāng)前瀏覽的頁(yè)面與網(wǎng)站整體內(nèi)容間關(guān)系，及其與網(wǎng)站中其它內(nèi)容的聯(lián)系和區(qū)分。
所謂的網(wǎng)站的導(dǎo)航結(jié)構(gòu)指的是引導(dǎo)用戶訪問(wèn)網(wǎng)站的欄目、菜單、在線幫助、分類等布局結(jié)構(gòu)等形式的總稱。所以網(wǎng)站建設(shè)的過(guò)程中一定要使網(wǎng)站導(dǎo)航結(jié)構(gòu)清晰，能夠使訪問(wèn)者在最短時(shí)間內(nèi)找到自己喜歡的內(nèi)容。對(duì)于導(dǎo)航的布局搜索引擎和用戶都有利，便于提升網(wǎng)站內(nèi)的用戶操作和瀏覽，也便于搜索引擎目錄索引和識(shí)別。
* 案例級(jí)別：3級(jí)(Vip)
* 瀏覽次數(shù)：192次
* 案例分類：網(wǎng)站導(dǎo)航優(yōu)化
* 更新日期：2010-07-07
SEO網(wǎng)頁(yè)特效案例，導(dǎo)航結(jié)構(gòu)在網(wǎng)站設(shè)計(jì)中是起著重要的作用，是網(wǎng)站各個(gè)模塊頁(yè)面鏈接的紐帶;合適色彩和動(dòng)態(tài)效果不僅可以為網(wǎng)站的使用者提供更好的視覺(jué)和感受，也可以更快捷的引導(dǎo)使用者找到需要的內(nèi)容。
利用FLASH構(gòu)建導(dǎo)航欄成為很多網(wǎng)站的選擇，但FLASH提供優(yōu)質(zhì)的視覺(jué)效果的同時(shí)卻影響到網(wǎng)站對(duì)搜索引擎的友好性。最理想的設(shè)計(jì)是網(wǎng)站的導(dǎo)航既能比其他網(wǎng)站的導(dǎo)航外觀更吸引人，又不會(huì)奪走網(wǎng)站內(nèi)容的焦點(diǎn)。
不幸的是，目前還有很多網(wǎng)站在使用過(guò)時(shí)的導(dǎo)航菜單方式，這樣使網(wǎng)站可用性大打折扣。如果導(dǎo)航菜單過(guò)分的依賴FLASH那會(huì)失去一定的用戶，比如那些網(wǎng)速慢或?yàn)g覽器設(shè)置關(guān)閉讀取網(wǎng)頁(yè)圖片功能。但是，并不意味著導(dǎo)航一定要樸素簡(jiǎn)單才能提高訪問(wèn)性及網(wǎng)站可用性。
從Flash 5開(kāi)始支持將外部文本導(dǎo)入，這樣的話在使用Flash制作網(wǎng)頁(yè)的時(shí)候更新內(nèi)容非常方便，不用將整個(gè)Flash從新更新上傳，利用XML將文本寫(xiě)出來(lái)，可以在頁(yè)面代碼中直接體現(xiàn)Flash中的文字和鏈接，在保留了Flash中的色彩和效果的同時(shí)，有能體現(xiàn)對(duì)搜引擎的友好性。
簡(jiǎn)介
面包屑導(dǎo)航(或稱為面包屑路徑)是一種顯示用戶在網(wǎng)站或網(wǎng)絡(luò)應(yīng)用中的位置的一層層指引的導(dǎo)航。面包屑導(dǎo)航最初自于神話故事《奇幻森林歷險(xiǎn)記》，故事的兩個(gè)小主人公丟下一條面包屑路徑，然后順著這條路徑回到了家中。就像這個(gè)故事一樣，在互聯(lián)網(wǎng)中，面包屑為用戶提供一種追蹤返回最初訪問(wèn)頁(yè)面的方式，可以清晰的為客戶指引進(jìn)入網(wǎng)站內(nèi)部也和首頁(yè)之間的路線。最簡(jiǎn)化的方式是，面包屑就是水平排列的被大于號(hào)">"隔開(kāi)的文本鏈接;這個(gè)符號(hào)指示該頁(yè)面相對(duì)于鏈接到它的頁(yè)面的深度(級(jí)別)。
1.增加用戶的無(wú)效點(diǎn)擊，頁(yè)面停留時(shí)間短，跳出率高。
2.大量重復(fù)內(nèi)容，頁(yè)面標(biāo)題與URL意義多樣化。
3.頁(yè)面圖片ALT屬性的確定與添加，編輯人員工作量加大，網(wǎng)頁(yè)加載服務(wù)器可能加大負(fù)載。
1、方便用戶，面包屑主要用于為用戶提供導(dǎo)航一個(gè)網(wǎng)站的次要方法，通過(guò)為一個(gè)大型多級(jí)網(wǎng)站的所有頁(yè)面提供面包屑路徑，用戶可以更容易的定位到上一次目錄，引導(dǎo)用戶通行;
2、減少返回到上一級(jí)頁(yè)面的點(diǎn)擊或操作，不用使用瀏覽器的“返回”按鈕或網(wǎng)站的主要導(dǎo)航來(lái)返回到上一級(jí)頁(yè)面;
3、不用常常占用屏幕空間，因?yàn)樗鼈兺ǔＪ撬脚帕幸约昂?jiǎn)單的樣式，面包屑路徑不會(huì)占用頁(yè)面太多的空間。這樣的好處是，從內(nèi)容過(guò)載方面來(lái)說(shuō)，他們幾乎沒(méi)有任何負(fù)面影響;
4、降低跳出率，面包屑路徑會(huì)是一個(gè)誘惑首次訪問(wèn)者在進(jìn)入一個(gè)頁(yè)面后去瀏覽這個(gè)網(wǎng)站的非常好的方法。比如說(shuō)，一個(gè)用戶通過(guò)谷歌搜索到一個(gè)頁(yè)面，然后看到一個(gè)面包屑路徑，這將會(huì)誘使用戶點(diǎn)擊上一級(jí)頁(yè)面去瀏覽感興趣的相關(guān)主題。這樣，從而，可以降低網(wǎng)站的總體跳出率;
5、有利用百度蜘蛛對(duì)網(wǎng)站的抓取，蜘蛛直接沿著那個(gè)鏈走就可以了，很方便;
6、面包屑有利于網(wǎng)站內(nèi)鏈的建設(shè)，用面包屑大大增加了網(wǎng)站的內(nèi)部連接，提高用戶體驗(yàn)。
做網(wǎng)站運(yùn)營(yíng)的人都知道營(yíng)銷型網(wǎng)站導(dǎo)航需注重易用性，導(dǎo)航的設(shè)計(jì)是為什么方便用戶點(diǎn)擊瀏覽網(wǎng)站的，如果網(wǎng)站導(dǎo)航做的必要具備易用性，那么即使做得再漂亮也是不行的。
導(dǎo)航鏈接的設(shè)置一定是可以吸引用戶去點(diǎn)擊的，網(wǎng)站的導(dǎo)航，包括頂部、底部和側(cè)面的導(dǎo)航都應(yīng)該盡可能地對(duì)用戶友好、易用，保證用戶“想”看到的在盡可能的顯眼位置，導(dǎo)航里的各要素應(yīng)該反映出各個(gè)目錄和子目錄，以及各個(gè)主題之間的邏輯性、相關(guān)性，幫助用戶找到主要相關(guān)內(nèi)容?？偠灾?，網(wǎng)站導(dǎo)航首先注重的是易用性，簡(jiǎn)單明了的導(dǎo)航才是用戶最需要的導(dǎo)航，只有在此基礎(chǔ)上再去將導(dǎo)航設(shè)計(jì)的更美觀、更好看一點(diǎn)。
導(dǎo)航設(shè)計(jì)是要經(jīng)過(guò)策劃分析的，分析用戶訪問(wèn)到這個(gè)頁(yè)面后可能還想繼續(xù)了解哪些內(nèi)容，如果你設(shè)計(jì)的恰好是用戶正想了解的內(nèi)容，那么你的網(wǎng)站的導(dǎo)航設(shè)計(jì)的就是比較成功的了。海淘科技網(wǎng)站建設(shè)專家溫馨提醒另外需要注意的是導(dǎo)航的目錄或主題種類必須得清晰，不要讓用戶困惑，而且如果有需要突出主要網(wǎng)頁(yè)的區(qū)域，則應(yīng)該與一般網(wǎng)頁(yè)在視覺(jué)上有所區(qū)別。而且準(zhǔn)確的導(dǎo)航文字描述。用戶在點(diǎn)擊導(dǎo)航鏈接前對(duì)他們所找的東西有一個(gè)大概的了解，鏈接上的文字必須能準(zhǔn)確描述鏈接所到達(dá)的網(wǎng)頁(yè)內(nèi)容。
1、網(wǎng)站logo加首頁(yè)鏈接。
這是用戶搜索習(xí)慣造成的，也是處于搜索引擎優(yōu)化的考慮，一方面，現(xiàn)在用戶已經(jīng)習(xí)慣了點(diǎn) 擊網(wǎng)站logo返回首頁(yè)，另一方面對(duì)于搜索引擎來(lái)說(shuō)網(wǎng)站的第一個(gè)鏈接還是比較重要的，一般來(lái)說(shuō)一個(gè)網(wǎng)站如果你查看源代碼的話，一般都是logo的設(shè)置在最靠前的。所以給logo加首頁(yè)的鏈接還是比較有利于網(wǎng)站優(yōu)化的。除了給logo加首頁(yè)的鏈接，還可以加個(gè)alt屬性，屬性的內(nèi)容可以設(shè)置為你想做的關(guān)鍵詞。
2、網(wǎng)站次導(dǎo)航的設(shè)計(jì)
什么是網(wǎng)站次導(dǎo)航 以本網(wǎng)頁(yè)為例，次導(dǎo)航的設(shè)計(jì)是 首頁(yè) > 建站學(xué)堂 > 營(yíng)銷推廣 這類次導(dǎo)航可以讓用戶清楚的明白他現(xiàn)在處于網(wǎng)站的什么位置。同時(shí)配合導(dǎo)航的顏色高亮，可以達(dá)到視覺(jué)直觀指示的效果。
3、已訪問(wèn)過(guò)的鏈接顏色變化的設(shè)置
這是用戶體驗(yàn)中很小的確實(shí)很實(shí)用的小細(xì)節(jié)，這也是充分的為訪客用戶考慮的人性化設(shè)計(jì)，訪客可以一眼就看出哪些內(nèi)容是自己已訪問(wèn)過(guò)的，還有哪些內(nèi)容自己沒(méi)有看過(guò)。
