歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)!

全國(guó)切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無(wú)憂網(wǎng) > 新聞資訊 > 電腦/IT > SEO培訓(xùn) >  電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略

電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略

來(lái)源:培訓(xùn)無(wú)憂網(wǎng) 發(fā)布人:裴裴

2022-04-26 16:57:23|已瀏覽:128次

電子商務(wù)網(wǎng)站建設(shè)越來(lái)越多,而互聯(lián)網(wǎng)交易已經(jīng)成為目前消費(fèi)市場(chǎng)一個(gè)簡(jiǎn)單快捷,而且讓年輕人越來(lái)越能接受的一個(gè)消費(fèi)方式,但是電子商務(wù)網(wǎng)站的建設(shè)中導(dǎo)航欄的設(shè)計(jì)也是非常重要的,下面是電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略,歡迎閱讀借鑒。  電子商務(wù)網(wǎng)站建設(shè)如何做好導(dǎo)航設(shè)計(jì)  電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略 在設(shè)計(jì)電商網(wǎng)站的導(dǎo)航之前,事先應(yīng)該對(duì)網(wǎng)站整體的內(nèi)容有一個(gè)全面的了解,并且將網(wǎng)站內(nèi)容進(jìn)行歸類。這里涉及到的一個(gè)問題就是,無(wú)需把所有的板塊都在導(dǎo)航上一五一十的展現(xiàn)出來(lái)。 每一次網(wǎng)站設(shè)計(jì)會(huì)根據(jù)客戶不同的業(yè)務(wù)需求而產(chǎn)生不同的設(shè)計(jì)目標(biāo),當(dāng)你心中一旦有了這個(gè)目標(biāo),就應(yīng)該時(shí)刻提醒自己,你的設(shè)計(jì)無(wú)論多么花哨或是簡(jiǎn)單,都必須把這一目標(biāo)完完整整的體現(xiàn)出來(lái)。為了迎合用戶在導(dǎo)航上只愿意停留短短的幾秒鐘,導(dǎo)航文字內(nèi)容的可用性就變得至關(guān)重要。文字標(biāo)簽是傳達(dá)信息最有力的途徑,因此,導(dǎo)航中出現(xiàn)的文案應(yīng)該避免使用一些用戶很難理解的詞匯。 視覺角度上來(lái)說,用戶只用幾秒鐘的時(shí)間掃視網(wǎng)站,所以導(dǎo)航的視覺設(shè)計(jì)必須符合邏輯,用色彩給用戶提供一種指引,成為用戶點(diǎn)擊的向?qū)А?牲c(diǎn)擊的部分盡可能的突出一些,減少用戶對(duì)其的猜測(cè)。 電子商務(wù)網(wǎng)站的導(dǎo)航設(shè)計(jì)還是應(yīng)該本著用戶體驗(yàn)為佳的原則,既要將網(wǎng)站中的所有信息都在有限的導(dǎo)航欄中體現(xiàn),又要為用戶反饋出重要的幫助信息。 導(dǎo)航設(shè)計(jì)時(shí)需要考慮的因素 站在用戶角度,網(wǎng)站導(dǎo)航系統(tǒng)需要解決兩個(gè)問題。 (1)我現(xiàn)在在哪里?用戶可能從任何一個(gè)內(nèi)頁(yè)進(jìn)入網(wǎng)站,有的時(shí)候從首頁(yè)進(jìn)入,點(diǎn)擊多個(gè)鏈接后,用戶也已經(jīng)忘記了怎么來(lái)到當(dāng)前頁(yè)面的。導(dǎo)航系統(tǒng)這時(shí)就要清楚地告訴用戶現(xiàn)在處在網(wǎng)站整體結(jié)構(gòu)的那一部分。 (2)下一步要去哪里?有的時(shí)候用戶知道自己想做什么,頁(yè)面的導(dǎo)航設(shè)計(jì)要告訴用戶點(diǎn)擊哪里才能完成他的目標(biāo)。有的時(shí)候用戶也不知道自己該干什么,網(wǎng)址導(dǎo)航就要給用戶一個(gè)最好的建議,引導(dǎo)用戶流向網(wǎng)站目標(biāo)完成頁(yè)面。 合理的導(dǎo)航及分類名稱、正文中的相關(guān)鏈接、引導(dǎo)用戶把產(chǎn)品放入購(gòu)物車的按鈕、相關(guān)產(chǎn)品推薦、網(wǎng)站地圖、站內(nèi)搜索框等都有助于幫助用戶點(diǎn)擊到下一步。 因此站在seo角度,網(wǎng)站導(dǎo)航務(wù)必注意以下五點(diǎn): 1.文字導(dǎo)航 盡量使用最普通的HTML文字導(dǎo)航,不要使用圖片作為導(dǎo)航鏈接,更不要使用JS生成導(dǎo)航系統(tǒng),也不要用Flash做導(dǎo)航。CSS也可以設(shè)計(jì)出很好的視覺效果,如背景、文字顏色變化、下拉菜單。 最普通的文字鏈接對(duì)搜索引擎來(lái)說時(shí)阻力最小的爬行通道。導(dǎo)航系統(tǒng)鏈接是整個(gè)網(wǎng)站收錄最重要的內(nèi)部鏈接。 2.點(diǎn)擊距離及扁平化 良好的導(dǎo)航的目標(biāo)之一是使所有頁(yè)面與首頁(yè)點(diǎn)擊距離越近越好。權(quán)重普通的網(wǎng)站,內(nèi)頁(yè)離首頁(yè)不要超過四五次。通常在鏈接結(jié)構(gòu)上使網(wǎng)站盡量扁平化。 網(wǎng)站導(dǎo)航系統(tǒng)的安排對(duì)減少鏈接層次至關(guān)重要。主導(dǎo)航中出現(xiàn)的頁(yè)面將處于僅低于首頁(yè)的層次,所以主導(dǎo)航中頁(yè)面越多,網(wǎng)站越扁平。但用戶體驗(yàn)和頁(yè)面連接總數(shù)都不允許主導(dǎo)航中有太多鏈接。seo人員需要做好平衡。 3.錨文字包含關(guān)鍵詞 導(dǎo)航系統(tǒng)通常是分類頁(yè)面獲得內(nèi)部鏈接的最主要來(lái)源,數(shù)量巨大,其錨文字對(duì)頁(yè)面相關(guān)性有很大影響,因此分類名稱應(yīng)盡量使用目標(biāo)關(guān)鍵詞。當(dāng)然也不能堆積,分類名稱以2-4字為宜。 4.面包屑導(dǎo)航 對(duì)用戶和搜索引擎來(lái)說,是判斷頁(yè)面在網(wǎng)站整個(gè)結(jié)構(gòu)中的位置的最好方法。正確使用面包屑導(dǎo)航的網(wǎng)站通常都是架構(gòu)清晰的網(wǎng)站,強(qiáng)烈建議使用。 5.避免頁(yè)腳堆積 隨著seo被更多站長(zhǎng)認(rèn)識(shí),近些年有一種在頁(yè)腳堆積富含關(guān)鍵字的分類頁(yè)面鏈接的傾向。三四年前這種做法還有不錯(cuò)的效果,但是近來(lái)搜索引擎比較反感這種做法,常常造成某種形式的懲罰。  網(wǎng)站設(shè)計(jì)中導(dǎo)航的趨勢(shì)  網(wǎng)站設(shè)計(jì)中導(dǎo)航的趨勢(shì) 1.網(wǎng)站設(shè)計(jì)時(shí)采用巨型導(dǎo)航菜單 隨著雜志式博客的增多,這類的超級(jí)導(dǎo)航菜單已經(jīng)普及。它們與正常的下拉菜單不同,因?yàn)樗鼈儾粌H僅是垂直向下流動(dòng),而是進(jìn)一步擴(kuò)大了內(nèi)容,通常是包含多列信息。如果大家可以有效地運(yùn)用這種技術(shù),那么可以為網(wǎng)站帶來(lái)一種非常好的效果,但并不是所有的網(wǎng)站都適用。因?yàn)檫@種導(dǎo)航需要非常多的網(wǎng)站頁(yè)面來(lái)支撐。 2.通用網(wǎng)站導(dǎo)航 如果你的公司擁有多個(gè)品牌,而你也想要在網(wǎng)站中顯示這些品牌,那采用通用網(wǎng)站導(dǎo)航是非常明智的選擇,因?yàn)檫@些導(dǎo)航可以保留在每個(gè)頁(yè)面上,能將所有產(chǎn)品或品牌鏈接在一起,這樣就可以增加用戶的關(guān)注。 3.垂直滑動(dòng)導(dǎo)航 越來(lái)越多的網(wǎng)站設(shè)計(jì)正在采用垂直導(dǎo)航趨勢(shì),而且它的運(yùn)行情況確實(shí)很好。它在推動(dòng)傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)界限的投資組合或創(chuàng)意代理機(jī)構(gòu)中尤為流行。這種導(dǎo)航對(duì)于一些創(chuàng)意設(shè)計(jì)類網(wǎng)站尤為合適。 4.隱藏的漢堡菜單 每個(gè)網(wǎng)站設(shè)計(jì)師都應(yīng)該了解漢堡包菜單及其在響應(yīng)式設(shè)計(jì)中的使用。隨著人們慢慢熟悉漢堡包圖標(biāo)及其含義,會(huì)有越來(lái)越多的網(wǎng)站開始使用這種隱藏導(dǎo)航。雖然它不能幫助訪問者快速找到鏈接。但是它通過從視線中移除導(dǎo)航來(lái)清除屏幕上的空間。隨著用戶習(xí)慣的形成這種網(wǎng)站菜單導(dǎo)航將帶來(lái)非常大的優(yōu)勢(shì)。 5.單頁(yè)點(diǎn)導(dǎo)航 單頁(yè)網(wǎng)站的興起促使許多新趨勢(shì)成為眾人關(guān)注的焦點(diǎn)。其中之一是點(diǎn)導(dǎo)航:位于屏幕左側(cè)或右側(cè)的一系列圓形圖標(biāo)。每個(gè)點(diǎn)代表網(wǎng)站的不同部分。由于布局是一個(gè)長(zhǎng)頁(yè)面,所以這些鏈接將突出顯示以指示用戶的當(dāng)前位置。我非常喜歡這種趨勢(shì)的獨(dú)創(chuàng)性,但是如果人們理解這些點(diǎn)代表什么或者如何使用它們,那么就存在一個(gè)問題。如果您正在設(shè)計(jì)單頁(yè)布局,那么我建議在頁(yè)面頂部使用粘性導(dǎo)航欄。這樣可以更輕松地查看每張幻燈片代表的內(nèi)容以及頁(yè)面上的哪些信息。但如果你不能或不想使用頂級(jí)導(dǎo)航,那么這些點(diǎn)功能是次佳選擇;蛘呤莾煞N導(dǎo)航方式相結(jié)合。 網(wǎng)站導(dǎo)航設(shè)計(jì)特色介紹 導(dǎo)航中的幽靈按鈕設(shè)計(jì) 導(dǎo)航設(shè)計(jì)中的幽靈按鈕設(shè)計(jì)所具有的效果是非常顯著的,因此在設(shè)計(jì)過程中,對(duì)于這方面的核心一定要多做關(guān)注,其特點(diǎn)在于便捷,因此,我們不論在導(dǎo)航設(shè)計(jì)過程中采用的是哪一種風(fēng)格,都應(yīng)該將按鈕按鈕設(shè)計(jì)融入其中,這樣能夠給用戶帶來(lái)更好的體驗(yàn),在用戶瀏覽頁(yè)面過程中會(huì)更加便捷,能夠有效提升頁(yè)面粘性。 導(dǎo)航中的漢堡圖標(biāo)設(shè)計(jì) 是否應(yīng)用漢堡圖標(biāo),在導(dǎo)航設(shè)計(jì)過程中是因設(shè)計(jì)的網(wǎng)站而異的,,各種大型設(shè)備機(jī)械生產(chǎn)企業(yè)網(wǎng)站,是否加入漢堡圖標(biāo)設(shè)計(jì)并沒有太大的影響,通常情況下為了能夠更簡(jiǎn)潔、更方便,在瀏覽過程中給用戶帶來(lái)更直觀的印象,深圳網(wǎng)站建設(shè)公司并不會(huì)將其融入導(dǎo)航之中。如果是生產(chǎn)工藝品的企業(yè)或是各種民俗產(chǎn)品的企業(yè),慢導(dǎo)航中加入這樣的漢堡圖標(biāo)設(shè)計(jì)是很有必要的。 導(dǎo)航中的無(wú)線框純文字設(shè)計(jì) 我們?cè)谠O(shè)計(jì)過程中也需要關(guān)注到無(wú)線框純文字設(shè)計(jì)問題,這一問題涵蓋于多領(lǐng)域不同類型的企業(yè)建站之中,在任何一個(gè)領(lǐng)域的企業(yè)建站中,導(dǎo)航加入無(wú)線框純文字設(shè)計(jì)都很得當(dāng),但是需要注意,在文字類型方面以及占比方面和色調(diào)選擇方面,應(yīng)根據(jù)所建設(shè)的網(wǎng)站類型不同而分別做不同選擇,深圳網(wǎng)站建設(shè)過程之中充分的考慮到色調(diào)對(duì)于用戶直觀感受的影響,因此在這方面展開設(shè)計(jì)時(shí)會(huì)考慮到調(diào)取大數(shù)據(jù)參數(shù),之后再根據(jù)受眾人群特點(diǎn)進(jìn)行文字外形、色彩的設(shè)定。

電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略

      電子商務(wù)網(wǎng)站建設(shè)越來(lái)越多,而互聯(lián)網(wǎng)交易已經(jīng)成為目前消費(fèi)市場(chǎng)一個(gè)簡(jiǎn)單快捷,而且讓年輕人越來(lái)越能接受的一個(gè)消費(fèi)方式,但是電子商務(wù)網(wǎng)站的建設(shè)中導(dǎo)航欄的設(shè)計(jì)也是非常重要的,下面是電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略,歡迎閱讀借鑒。

電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計(jì)基本策略

      在設(shè)計(jì)電商網(wǎng)站的導(dǎo)航之前,事先應(yīng)該對(duì)網(wǎng)站整體的內(nèi)容有一個(gè)全面的了解,并且將網(wǎng)站內(nèi)容進(jìn)行歸類。這里涉及到的一個(gè)問題就是,無(wú)需把所有的板塊都在導(dǎo)航上一五一十的展現(xiàn)出來(lái)。

      每一次網(wǎng)站設(shè)計(jì)會(huì)根據(jù)客戶不同的業(yè)務(wù)需求而產(chǎn)生不同的設(shè)計(jì)目標(biāo),當(dāng)你心中一旦有了這個(gè)目標(biāo),就應(yīng)該時(shí)刻提醒自己,你的設(shè)計(jì)無(wú)論多么花哨或是簡(jiǎn)單,都必須把這一目標(biāo)完完整整的體現(xiàn)出來(lái)。為了迎合用戶在導(dǎo)航上只愿意停留短短的幾秒鐘,導(dǎo)航文字內(nèi)容的可用性就變得至關(guān)重要。文字標(biāo)簽是傳達(dá)信息最有力的途徑,因此,導(dǎo)航中出現(xiàn)的文案應(yīng)該避免使用一些用戶很難理解的詞匯。

      視覺角度上來(lái)說,用戶只用幾秒鐘的時(shí)間掃視網(wǎng)站,所以導(dǎo)航的視覺設(shè)計(jì)必須符合邏輯,用色彩給用戶提供一種指引,成為用戶點(diǎn)擊的向?qū)?牲c(diǎn)擊的部分盡可能的突出一些,減少用戶對(duì)其的猜測(cè)。

      電子商務(wù)網(wǎng)站的導(dǎo)航設(shè)計(jì)還是應(yīng)該本著用戶體驗(yàn)為佳的原則,既要將網(wǎng)站中的所有信息都在有限的導(dǎo)航欄中體現(xiàn),又要為用戶反饋出重要的幫助信息。

導(dǎo)航設(shè)計(jì)時(shí)需要考慮的因素

      站在用戶角度,網(wǎng)站導(dǎo)航系統(tǒng)需要解決兩個(gè)問題。

      (1)我現(xiàn)在在哪里?用戶可能從任何一個(gè)內(nèi)頁(yè)進(jìn)入網(wǎng)站,有的時(shí)候從首頁(yè)進(jìn)入,點(diǎn)擊多個(gè)鏈接后,用戶也已經(jīng)忘記了怎么來(lái)到當(dāng)前頁(yè)面的。導(dǎo)航系統(tǒng)這時(shí)就要清楚地告訴用戶現(xiàn)在處在網(wǎng)站整體結(jié)構(gòu)的那一部分。

      (2)下一步要去哪里?有的時(shí)候用戶知道自己想做什么,頁(yè)面的導(dǎo)航設(shè)計(jì)要告訴用戶點(diǎn)擊哪里才能完成他的目標(biāo)。有的時(shí)候用戶也不知道自己該干什么,網(wǎng)址導(dǎo)航就要給用戶一個(gè)最好的建議,引導(dǎo)用戶流向網(wǎng)站目標(biāo)完成頁(yè)面。

      合理的導(dǎo)航及分類名稱、正文中的相關(guān)鏈接、引導(dǎo)用戶把產(chǎn)品放入購(gòu)物車的按鈕、相關(guān)產(chǎn)品推薦、網(wǎng)站地圖、站內(nèi)搜索框等都有助于幫助用戶點(diǎn)擊到下一步。

      因此站在seo角度,網(wǎng)站導(dǎo)航務(wù)必注意以下五點(diǎn):

      1.文字導(dǎo)航

      盡量使用最普通的HTML文字導(dǎo)航,不要使用圖片作為導(dǎo)航鏈接,更不要使用JS生成導(dǎo)航系統(tǒng),也不要用Flash做導(dǎo)航。CSS也可以設(shè)計(jì)出很好的視覺效果,如背景、文字顏色變化、下拉菜單。

      最普通的文字鏈接對(duì)搜索引擎來(lái)說時(shí)阻力最小的爬行通道。導(dǎo)航系統(tǒng)鏈接是整個(gè)網(wǎng)站收錄最重要的內(nèi)部鏈接。

      2.點(diǎn)擊距離及扁平化

      良好的導(dǎo)航的目標(biāo)之一是使所有頁(yè)面與首頁(yè)點(diǎn)擊距離越近越好。權(quán)重普通的網(wǎng)站,內(nèi)頁(yè)離首頁(yè)不要超過四五次。通常在鏈接結(jié)構(gòu)上使網(wǎng)站盡量扁平化。

      網(wǎng)站導(dǎo)航系統(tǒng)的安排對(duì)減少鏈接層次至關(guān)重要。主導(dǎo)航中出現(xiàn)的頁(yè)面將處于僅低于首頁(yè)的層次,所以主導(dǎo)航中頁(yè)面越多,網(wǎng)站越扁平。但用戶體驗(yàn)和頁(yè)面連接總數(shù)都不允許主導(dǎo)航中有太多鏈接。seo人員需要做好平衡。

      3.錨文字包含關(guān)鍵詞

      導(dǎo)航系統(tǒng)通常是分類頁(yè)面獲得內(nèi)部鏈接的最主要來(lái)源,數(shù)量巨大,其錨文字對(duì)頁(yè)面相關(guān)性有很大影響,因此分類名稱應(yīng)盡量使用目標(biāo)關(guān)鍵詞。當(dāng)然也不能堆積,分類名稱以2-4字為宜。

      4.面包屑導(dǎo)航

      對(duì)用戶和搜索引擎來(lái)說,是判斷頁(yè)面在網(wǎng)站整個(gè)結(jié)構(gòu)中的位置的最好方法。正確使用面包屑導(dǎo)航的網(wǎng)站通常都是架構(gòu)清晰的網(wǎng)站,強(qiáng)烈建議使用。

      5.避免頁(yè)腳堆積

      隨著seo被更多站長(zhǎng)認(rèn)識(shí),近些年有一種在頁(yè)腳堆積富含關(guān)鍵字的分類頁(yè)面鏈接的傾向。三四年前這種做法還有不錯(cuò)的效果,但是近來(lái)搜索引擎比較反感這種做法,常常造成某種形式的懲罰。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.universityresearchassociates.com/news-id-29871.html 違者必究!部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注SEO培訓(xùn)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無(wú)憂網(wǎng)
免 費(fèi) 申 請(qǐng) 試 聽
提交申請(qǐng),《培訓(xùn)無(wú)憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!