優(yōu)化導(dǎo)航，提升用戶(hù)體驗(yàn)

網(wǎng)站導(dǎo)航是對(duì)引導(dǎo)用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的欄目、菜單、在線(xiàn)幫助、布局結(jié)構(gòu)等形式的統(tǒng)稱(chēng)。其主要功能在于引導(dǎo)用戶(hù)方便地訪(fǎng)問(wèn)網(wǎng)站內(nèi)容，是評(píng)價(jià)網(wǎng)站專(zhuān)業(yè)度、可用度的重要指標(biāo)。同時(shí)對(duì)搜索引擎也產(chǎn)生諸多提示作用。概括地講，網(wǎng)站在導(dǎo)航方面應(yīng)注意以下幾點(diǎn)：

1.主導(dǎo)航醒目清晰

主導(dǎo)航一般體現(xiàn)為一級(jí)目錄，通過(guò)它用戶(hù)和蜘蛛程序可以層層深入訪(fǎng)問(wèn)到網(wǎng)站所有重要內(nèi)容。因此主欄目必須在網(wǎng)站首頁(yè)第一屏的醒目位置體現(xiàn)，并最好采用文本鏈接而不是圖片。

2.首頁(yè)突出重要內(nèi)容

除了主欄目，還應(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)行了鏈接。

3.使用網(wǎng)站地圖

網(wǎng)站地圖(Site Map)是輔助導(dǎo)航的手段,最初是為用戶(hù)設(shè)計(jì)，以方便用戶(hù)快捷到達(dá)目標(biāo)頁(yè)。良好的網(wǎng)站地圖設(shè)計(jì)常常以網(wǎng)站拓?fù)浣Y(jié)構(gòu)體現(xiàn)復(fù)雜的目錄關(guān)系，具有靜態(tài)、直觀(guān)、扁平、簡(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)航的作用

網(wǎng)站導(dǎo)航的最終目的就是幫助用戶(hù)找到他們需要的信息，如果說(shuō)得詳細(xì)點(diǎn)，那么可以概括為下面3個(gè)用處：

1. 引導(dǎo)用戶(hù)完成網(wǎng)站各內(nèi)容頁(yè)面間的跳轉(zhuǎn)。這個(gè)是最常見(jiàn)的，全局導(dǎo)航、局部導(dǎo)航和輔助導(dǎo)航等都是為了引導(dǎo)用戶(hù)瀏覽相關(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)站的目錄信息，幫助用戶(hù)快速找到相應(yīng)的內(nèi)容;

3. 定位用戶(hù)在網(wǎng)站中所處的位置。這個(gè)在面包屑導(dǎo)航中得到了充分的體現(xiàn)，它幫助用戶(hù)識(shí)別當(dāng)前瀏覽的頁(yè)面與網(wǎng)站整體內(nèi)容間關(guān)系，及其與網(wǎng)站中其它內(nèi)容的聯(lián)系和區(qū)分。

網(wǎng)站導(dǎo)航結(jié)構(gòu)

所謂的網(wǎng)站的導(dǎo)航結(jié)構(gòu)指的是引導(dǎo)用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的欄目、菜單、在線(xiàn)幫助、分類(lèi)等布局結(jié)構(gòu)等形式的總稱(chēng)。所以網(wǎng)站建設(shè)的過(guò)程中一定要使網(wǎng)站導(dǎo)航結(jié)構(gòu)清晰，能夠使訪(fǎng)問(wèn)者在最短時(shí)間內(nèi)找到自己喜歡的內(nèi)容。對(duì)于導(dǎo)航的布局搜索引擎和用戶(hù)都有利，便于提升網(wǎng)站內(nèi)的用戶(hù)操作和瀏覽，也便于搜索引擎目錄索引和識(shí)別。

FLASH+XML動(dòng)態(tài)導(dǎo)航菜單案例

* 案例級(jí)別：3級(jí)(Vip)

* 瀏覽次數(shù)：192次

* 案例分類(lèi)：網(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)航外觀(guān)更吸引人，又不會(huì)奪走網(wǎng)站內(nèi)容的焦點(diǎn)。

不幸的是，目前還有很多網(wǎng)站在使用過(guò)時(shí)的導(dǎo)航菜單方式，這樣使網(wǎng)站可用性大打折扣。如果導(dǎo)航菜單過(guò)分的依賴(lài)FLASH那會(huì)失去一定的用戶(hù)，比如那些網(wǎng)速慢或?yàn)g覽器設(shè)置關(guān)閉讀取網(wǎng)頁(yè)圖片功能。但是，并不意味著導(dǎo)航一定要樸素簡(jiǎn)單才能提高訪(fǎng)問(wèn)性及網(wǎng)站可用性。

從Flash 5開(kāi)始支持將外部文本導(dǎo)入，這樣的話(huà)在使用Flash制作網(wǎng)頁(yè)的時(shí)候更新內(nèi)容非常方便，不用將整個(gè)Flash從新更新上傳，利用XML將文本寫(xiě)出來(lái)，可以在頁(yè)面代碼中直接體現(xiàn)Flash中的文字和鏈接，在保留了Flash中的色彩和效果的同時(shí)，有能體現(xiàn)對(duì)搜引擎的友好性。

面包屑導(dǎo)航

簡(jiǎn)介

面包屑導(dǎo)航(或稱(chēng)為面包屑路徑)是一種顯示用戶(hù)在網(wǎng)站或網(wǎng)絡(luò)應(yīng)用中的位置的一層層指引的導(dǎo)航。面包屑導(dǎo)航最初自于神話(huà)故事《奇幻森林歷險(xiǎn)記》，故事的兩個(gè)小主人公丟下一條面包屑路徑，然后順著這條路徑回到了家中。就像這個(gè)故事一樣，在互聯(lián)網(wǎng)中，面包屑為用戶(hù)提供一種追蹤返回最初訪(fǎng)問(wèn)頁(yè)面的方式，可以清晰的為客戶(hù)指引進(jìn)入網(wǎng)站內(nèi)部也和首頁(yè)之間的路線(xiàn)。最簡(jiǎn)化的方式是，面包屑就是水平排列的被大于號(hào)">"隔開(kāi)的文本鏈接;這個(gè)符號(hào)指示該頁(yè)面相對(duì)于鏈接到它的頁(yè)面的深度(級(jí)別)。

網(wǎng)站分頁(yè)導(dǎo)航優(yōu)化的弊端

1.增加用戶(hù)的無(wú)效點(diǎn)擊，頁(yè)面停留時(shí)間短，跳出率高。

2.大量重復(fù)內(nèi)容，頁(yè)面標(biāo)題與URL意義多樣化。

3.頁(yè)面圖片ALT屬性的確定與添加，編輯人員工作量加大，網(wǎng)頁(yè)加載服務(wù)器可能加大負(fù)載。

面包屑導(dǎo)航對(duì)seo的作用

1、方便用戶(hù)，面包屑主要用于為用戶(hù)提供導(dǎo)航一個(gè)網(wǎng)站的次要方法，通過(guò)為一個(gè)大型多級(jí)網(wǎng)站的所有頁(yè)面提供面包屑路徑，用戶(hù)可以更容易的定位到上一次目錄，引導(dǎo)用戶(hù)通行;

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è)誘惑首次訪(fǎng)問(wèn)者在進(jìn)入一個(gè)頁(yè)面后去瀏覽這個(gè)網(wǎng)站的非常好的方法。比如說(shuō)，一個(gè)用戶(hù)通過(guò)谷歌搜索到一個(gè)頁(yè)面，然后看到一個(gè)面包屑路徑，這將會(huì)誘使用戶(hù)點(diǎn)擊上一級(jí)頁(yè)面去瀏覽感興趣的相關(guān)主題。這樣，從而，可以降低網(wǎng)站的總體跳出率;

5、有利用百度蜘蛛對(duì)網(wǎng)站的抓取，蜘蛛直接沿著那個(gè)鏈走就可以了，很方便;

6、面包屑有利于網(wǎng)站內(nèi)鏈的建設(shè)，用面包屑大大增加了網(wǎng)站的內(nèi)部連接，提高用戶(hù)體驗(yàn)。

做網(wǎng)站運(yùn)營(yíng)的人都知道營(yíng)銷(xiāo)型網(wǎng)站導(dǎo)航需注重易用性，導(dǎo)航的設(shè)計(jì)是為什么方便用戶(hù)點(diǎn)擊瀏覽網(wǎng)站的，如果網(wǎng)站導(dǎo)航做的必要具備易用性，那么即使做得再漂亮也是不行的。

導(dǎo)航鏈接的設(shè)置一定是可以吸引用戶(hù)去點(diǎn)擊的，網(wǎng)站的導(dǎo)航，包括頂部、底部和側(cè)面的導(dǎo)航都應(yīng)該盡可能地對(duì)用戶(hù)友好、易用，保證用戶(hù)“想”看到的在盡可能的顯眼位置，導(dǎo)航里的各要素應(yīng)該反映出各個(gè)目錄和子目錄，以及各個(gè)主題之間的邏輯性、相關(guān)性，幫助用戶(hù)找到主要相關(guān)內(nèi)容?？偠灾?，網(wǎng)站導(dǎo)航首先注重的是易用性，簡(jiǎn)單明了的導(dǎo)航才是用戶(hù)最需要的導(dǎo)航，只有在此基礎(chǔ)上再去將導(dǎo)航設(shè)計(jì)的更美觀(guān)、更好看一點(diǎn)。

導(dǎo)航設(shè)計(jì)是要經(jīng)過(guò)策劃分析的，分析用戶(hù)訪(fǎng)問(wèn)到這個(gè)頁(yè)面后可能還想繼續(xù)了解哪些內(nèi)容，如果你設(shè)計(jì)的恰好是用戶(hù)正想了解的內(nèi)容，那么你的網(wǎng)站的導(dǎo)航設(shè)計(jì)的就是比較成功的了。創(chuàng)新互聯(lián)網(wǎng)站建設(shè)專(zhuān)家溫馨提醒另外需要注意的是導(dǎo)航的目錄或主題種類(lèi)必須得清晰，不要讓用戶(hù)困惑，而且如果有需要突出主要網(wǎng)頁(yè)的區(qū)域，則應(yīng)該與一般網(wǎng)頁(yè)在視覺(jué)上有所區(qū)別。而且準(zhǔn)確的導(dǎo)航文字描述。用戶(hù)在點(diǎn)擊導(dǎo)航鏈接前對(duì)他們所找的東西有一個(gè)大概的了解，鏈接上的文字必須能準(zhǔn)確描述鏈接所到達(dá)的網(wǎng)頁(yè)內(nèi)容。

營(yíng)銷(xiāo)型網(wǎng)站導(dǎo)航優(yōu)化的幾點(diǎn)細(xì)節(jié)問(wèn)題

1、網(wǎng)站logo加首頁(yè)鏈接。

這是用戶(hù)搜索習(xí)慣造成的，也是處于搜索引擎優(yōu)化的考慮，一方面，現(xiàn)在用戶(hù)已經(jīng)習(xí)慣了點(diǎn) 擊網(wǎng)站logo返回首頁(yè)，另一方面對(duì)于搜索引擎來(lái)說(shuō)網(wǎng)站的第一個(gè)鏈接還是比較重要的，一般來(lái)說(shuō)一個(gè)網(wǎng)站如果你查看源代碼的話(huà)，一般都是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)銷(xiāo)推廣 這類(lèi)次導(dǎo)航可以讓用戶(hù)清楚的明白他現(xiàn)在處于網(wǎng)站的什么位置。同時(shí)配合導(dǎo)航的顏色高亮，可以達(dá)到視覺(jué)直觀(guān)指示的效果。

3、已訪(fǎng)問(wèn)過(guò)的鏈接顏色變化的設(shè)置

這是用戶(hù)體驗(yàn)中很小的確實(shí)很實(shí)用的小細(xì)節(jié)，這也是充分的為訪(fǎng)客用戶(hù)考慮的人性化設(shè)計(jì)，訪(fǎng)客可以一眼就看出哪些內(nèi)容是自己已訪(fǎng)問(wèn)過(guò)的，還有哪些內(nèi)容自己沒(méi)有看過(guò)。

網(wǎng)站欄目：優(yōu)化導(dǎo)航，提升用戶(hù)體驗(yàn)
分享路徑：http://aaarwkj.com/news11/164811.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有用戶(hù)體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)