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

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

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

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

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

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

除了主欄目，還應(yīng)該將次級(jí)目錄中的重要內(nèi)容以鏈接的方式在首頁或其他子頁中多次呈現(xiàn)，以突出重點(diǎn)。搜索引擎會(huì)對(duì)這種一站內(nèi)多次出現(xiàn)的鏈接給予充分重視，對(duì)網(wǎng)頁級(jí)別提高有很大幫助,這也是每個(gè)網(wǎng)站首頁的網(wǎng)頁級(jí)別一般高于其他頁面級(jí)別的重要因素，因?yàn)槊總€(gè)子頁都對(duì)首頁進(jìn)行了鏈接。

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

網(wǎng)站地圖(Site Map)是輔助導(dǎo)航的手段,最初是為用戶設(shè)計(jì)，以方便用戶快捷到達(dá)目標(biāo)頁。良好的網(wǎng)站地圖設(shè)計(jì)常常以網(wǎng)站拓?fù)浣Y(jié)構(gòu)體現(xiàn)復(fù)雜的目錄關(guān)系，具有靜態(tài)、直觀、扁平、簡(jiǎn)單的特點(diǎn)。多采用文本鏈接，不用或少用修飾性圖片，以加快頁面加載速度。以上特點(diǎn)符合搜索引擎友好的要求，因此網(wǎng)站地圖在SEO中也有重要意義。尤其對(duì)于那些采用圖片導(dǎo)航和動(dòng)態(tài)技術(shù)生成的網(wǎng)頁，通過在網(wǎng)站地圖中進(jìn)行文本鏈接，可在一定程度上彌補(bǔ)蜘蛛程序無法識(shí)別圖片和動(dòng)態(tài)網(wǎng)頁造成的頁面不可見的風(fēng)險(xiǎn)。

網(wǎng)站導(dǎo)航的作用

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

1. 引導(dǎo)用戶完成網(wǎng)站各內(nèi)容頁面間的跳轉(zhuǎn)。這個(gè)是最常見的，全局導(dǎo)航、局部導(dǎo)航和輔助導(dǎo)航等都是為了引導(dǎo)用戶瀏覽相關(guān)的頁面;

2. 理清網(wǎng)站各內(nèi)容與鏈接間的聯(lián)系。即對(duì)網(wǎng)站整理內(nèi)容的一個(gè)索引和理解，這個(gè)最常見的應(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)前瀏覽的頁面與網(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)用戶訪問網(wǎng)站的欄目、菜單、在線幫助、分類等布局結(jié)構(gòu)等形式的總稱。所以網(wǎng)站建設(shè)的過程中一定要使網(wǎng)站導(dǎo)航結(jié)構(gòu)清晰，能夠使訪問者在最短時(shí)間內(nèi)找到自己喜歡的內(nèi)容。對(duì)于導(dǎo)航的布局搜索引擎和用戶都有利，便于提升網(wǎng)站內(nèi)的用戶操作和瀏覽，也便于搜索引擎目錄索引和識(shí)別。

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

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

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

* 案例分類：網(wǎng)站導(dǎo)航優(yōu)化

* 更新日期：2010-07-07

SEO網(wǎng)頁特效案例，導(dǎo)航結(jié)構(gòu)在網(wǎng)站設(shè)計(jì)中是起著重要的作用，是網(wǎng)站各個(gè)模塊頁面鏈接的紐帶;合適色彩和動(dòng)態(tài)效果不僅可以為網(wǎng)站的使用者提供更好的視覺和感受，也可以更快捷的引導(dǎo)使用者找到需要的內(nèi)容。

利用FLASH構(gòu)建導(dǎo)航欄成為很多網(wǎng)站的選擇，但FLASH提供優(yōu)質(zhì)的視覺效果的同時(shí)卻影響到網(wǎng)站對(duì)搜索引擎的友好性。最理想的設(shè)計(jì)是網(wǎng)站的導(dǎo)航既能比其他網(wǎng)站的導(dǎo)航外觀更吸引人，又不會(huì)奪走網(wǎng)站內(nèi)容的焦點(diǎn)。

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

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

面包屑導(dǎo)航

簡(jiǎn)介

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

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

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

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

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

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

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

2、減少返回到上一級(jí)頁面的點(diǎn)擊或操作，不用使用瀏覽器的“返回”按鈕或網(wǎng)站的主要導(dǎo)航來返回到上一級(jí)頁面;

3、不用常常占用屏幕空間，因?yàn)樗鼈兺ǔＪ撬脚帕幸约昂?jiǎn)單的樣式，面包屑路徑不會(huì)占用頁面太多的空間。這樣的好處是，從內(nèi)容過載方面來說，他們幾乎沒有任何負(fù)面影響;

4、降低跳出率，面包屑路徑會(huì)是一個(gè)誘惑首次訪問者在進(jìn)入一個(gè)頁面后去瀏覽這個(gè)網(wǎng)站的非常好的方法。比如說，一個(gè)用戶通過谷歌搜索到一個(gè)頁面，然后看到一個(gè)面包屑路徑，這將會(huì)誘使用戶點(diǎn)擊上一級(jí)頁面去瀏覽感興趣的相關(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)過策劃分析的，分析用戶訪問到這個(gè)頁面后可能還想繼續(xù)了解哪些內(nèi)容，如果你設(shè)計(jì)的恰好是用戶正想了解的內(nèi)容，那么你的網(wǎng)站的導(dǎo)航設(shè)計(jì)的就是比較成功的了。創(chuàng)新互聯(lián)網(wǎng)站建設(shè)專家溫馨提醒另外需要注意的是導(dǎo)航的目錄或主題種類必須得清晰，不要讓用戶困惑，而且如果有需要突出主要網(wǎng)頁的區(qū)域，則應(yīng)該與一般網(wǎng)頁在視覺上有所區(qū)別。而且準(zhǔn)確的導(dǎo)航文字描述。用戶在點(diǎn)擊導(dǎo)航鏈接前對(duì)他們所找的東西有一個(gè)大概的了解，鏈接上的文字必須能準(zhǔn)確描述鏈接所到達(dá)的網(wǎng)頁內(nèi)容。

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

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

這是用戶搜索習(xí)慣造成的，也是處于搜索引擎優(yōu)化的考慮，一方面，現(xiàn)在用戶已經(jīng)習(xí)慣了點(diǎn) 擊網(wǎng)站logo返回首頁，另一方面對(duì)于搜索引擎來說網(wǎng)站的第一個(gè)鏈接還是比較重要的，一般來說一個(gè)網(wǎng)站如果你查看源代碼的話，一般都是logo的設(shè)置在最靠前的。所以給logo加首頁的鏈接還是比較有利于網(wǎng)站優(yōu)化的。除了給logo加首頁的鏈接，還可以加個(gè)alt屬性，屬性的內(nèi)容可以設(shè)置為你想做的關(guān)鍵詞。

2、網(wǎng)站次導(dǎo)航的設(shè)計(jì)

什么是網(wǎng)站次導(dǎo)航 以本網(wǎng)頁為例，次導(dǎo)航的設(shè)計(jì)是 首頁 > 建站學(xué)堂 > 營(yíng)銷推廣 這類次導(dǎo)航可以讓用戶清楚的明白他現(xiàn)在處于網(wǎng)站的什么位置。同時(shí)配合導(dǎo)航的顏色高亮，可以達(dá)到視覺直觀指示的效果。

3、已訪問過的鏈接顏色變化的設(shè)置

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

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

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

廣告

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