雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)方法有哪些?什么是網(wǎng)站導(dǎo)航系統(tǒng)?

Time: 2020-01-08


隨著網(wǎng)絡(luò)的發(fā)展進(jìn)步,現(xiàn)在生活中有了各種各樣的網(wǎng)絡(luò)形式,而網(wǎng)站也成為現(xiàn)在很多人用于推廣和營(yíng)銷的一種主要方法,那么在網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)中,網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)方法有哪些呢?跟隨小編一起看下吧。


網(wǎng)站導(dǎo)航系統(tǒng)

  網(wǎng)站導(dǎo)航是對(duì)引導(dǎo)用戶訪問(wèn)網(wǎng)站的的欄目、菜單、在線幫助、布局結(jié)構(gòu)等形式的統(tǒng)稱。其主要功能在于引導(dǎo)用戶方便地訪問(wèn)網(wǎng)站內(nèi)容。

  1、網(wǎng)站的的欄目一般是根據(jù)企業(yè)經(jīng)營(yíng)業(yè)務(wù)的性質(zhì)、類型、或者表現(xiàn)形式等將網(wǎng)站劃分為幾個(gè)部分,每一個(gè)部分就成為一個(gè)欄目(一級(jí)欄目),每一個(gè)一級(jí)欄目還可以繼續(xù)劃分為二級(jí)、三級(jí)、四級(jí)欄目。網(wǎng)站欄目結(jié)構(gòu)是一個(gè)網(wǎng)站的基本架構(gòu),應(yīng)該設(shè)置合理,層次分明,使用戶可以方便的獲取網(wǎng)站的信息或者服務(wù)。

  2、網(wǎng)站的一級(jí)欄目一般不超過(guò)8個(gè),欄目層次一般不超過(guò)3層(注:網(wǎng)站層級(jí)越少越扁平,搜索引擎越容易訪問(wèn),網(wǎng)頁(yè)越容易被收錄),這樣,對(duì)于大多數(shù)信息,用戶能在三次點(diǎn)擊以內(nèi)瀏覽到。

  3、設(shè)計(jì)一個(gè)表明當(dāng)前位置的“面包屑型(Breadcrumbs)”路徑。

  所謂“面包屑”是比喻用戶通過(guò)主導(dǎo)航到目標(biāo)網(wǎng)頁(yè)的訪問(wèn)過(guò)程中的路徑提示,使用戶了解所處網(wǎng)站中的位置而不至于迷失“方向”,并方便回到上級(jí)頁(yè)面和起點(diǎn)。路徑中的每個(gè)欄目最好添加鏈接。

  即使沒(méi)有詳細(xì)的路徑來(lái)源,也至少應(yīng)該在每個(gè)子頁(yè)面提示回首頁(yè)的鏈接,包括頁(yè)面的 LOGO作鏈接。


3.jpg

(圖片來(lái)自網(wǎng)絡(luò))


  4、設(shè)計(jì)一個(gè)表明網(wǎng)站邏輯結(jié)構(gòu)的網(wǎng)站地圖(HTML格式的網(wǎng)站地圖)

  網(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 中也有重要的意義(強(qiáng)大的內(nèi)部鏈接功能)。尤其對(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è)面不可見的風(fēng)險(xiǎn)。

  需要注意,網(wǎng)站地圖也要突出重點(diǎn),盡量給出主干性內(nèi)容及鏈接,而不是所有細(xì)枝末節(jié)。一 頁(yè)內(nèi)不適宜放太多鏈接。Google 明確提出“如果網(wǎng)站地圖上的鏈接超過(guò)大約 100 個(gè),則最好將網(wǎng)站地圖拆成多個(gè)網(wǎng)頁(yè)”。

  5、導(dǎo)航系統(tǒng)中的鏈接源忌用圖片和flash,圖片不能有效傳遞PR值,搜索引擎不能抓取flash中的鏈接信息,也就不能延著鏈接繼續(xù)抓取網(wǎng)站內(nèi)容。


1.png

(圖片來(lái)自網(wǎng)絡(luò))



  網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)最佳實(shí)踐方法

  1、置頂

  面包屑導(dǎo)航在置頂中似乎是做的最好的,我想這可能是因?yàn)榘阉鼈冞吘壔恕屗鼈兛雌饋?lái)像一個(gè)附屬品,就像書或雜志里的頁(yè)碼一樣。

  2.使用>層級(jí)

  試驗(yàn)和錯(cuò)誤似乎表明,層級(jí)之間的最佳分隔符是“大于”符號(hào)(>),可能是因?yàn)樗鼘⑾蛳乱苿?dòng)可視化。

  3、最后一項(xiàng)使用粗體

  列表中的最后一個(gè)項(xiàng)目應(yīng)該是當(dāng)前頁(yè)面的名稱,并使其為粗體,以突出其應(yīng)有的重要性。 因?yàn)檫@是當(dāng)前使用頁(yè),自然它不是一個(gè)鏈接。

 

2.jpg

(圖片來(lái)自網(wǎng)絡(luò))


以上是小編帶來(lái)的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的相關(guān)介紹,網(wǎng)頁(yè)設(shè)計(jì)中有著很多方法和技巧,希望小編的介紹可以幫助到您,讓您設(shè)計(jì)出更出色的網(wǎng)頁(yè)導(dǎo)航。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開