2022-06-07 分類: 用戶體驗(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):
主導(dǎo)航一般體現(xiàn)為一級(jí)目錄,通過它用戶和蜘蛛程序可以層層深入訪問到網(wǎng)站所有重要內(nèi)容。因此主欄目必須在網(wǎng)站首頁第一屏的醒目位置體現(xiàn),并最好采用文本鏈接而不是圖片。
除了主欄目,還應(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)行了鏈接。
網(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)、直觀、扁平、簡單的特點(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)航的最終目的就是幫助用戶找到他們需要的信息,如果說得詳細(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)指的是引導(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í)別。
* 案例級(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)航一定要樸素簡單才能提高訪問性及網(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)航(或稱為面包屑路徑)是一種顯示用戶在網(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)部也和首頁之間的路線。最簡化的方式是,面包屑就是水平排列的被大于號(hào)">"隔開的文本鏈接;這個(gè)符號(hào)指示該頁面相對(duì)于鏈接到它的頁面的深度(級(jí)別)。
1.增加用戶的無效點(diǎn)擊,頁面停留時(shí)間短,跳出率高。
2.大量重復(fù)內(nèi)容,頁面標(biāo)題與URL意義多樣化。
3.頁面圖片ALT屬性的確定與添加,編輯人員工作量加大,網(wǎng)頁加載服務(wù)器可能加大負(fù)載。
1、方便用戶,面包屑主要用于為用戶提供導(dǎo)航一個(gè)網(wǎng)站的次要方法,通過為一個(gè)大型多級(jí)網(wǎng)站的所有頁面提供面包屑路徑,用戶可以更容易的定位到上一次目錄,引導(dǎo)用戶通行;
2、減少返回到上一級(jí)頁面的點(diǎn)擊或操作,不用使用瀏覽器的“返回”按鈕或網(wǎng)站的主要導(dǎo)航來返回到上一級(jí)頁面;
3、不用常常占用屏幕空間,因?yàn)樗鼈兺ǔJ撬脚帕幸约昂唵蔚臉邮?,面包屑路徑不?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)營的人都知道營銷型網(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)航首先注重的是易用性,簡單明了的導(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)容。
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é)堂 > 營銷推廣 這類次導(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.rwnh.cn/news/164811.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷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)
猜你還喜歡下面的內(nèi)容