網(wǎng)站建設(shè)者該如何合理設(shè)計(jì)網(wǎng)站的頁面布局?
發(fā)布者:東郡網(wǎng)絡(luò) 時(shí)間:2014-12-21 00:00:00網(wǎng)站作為提供信息及服務(wù)的平臺(tái),頁面的用戶體驗(yàn)十分重要。合理的設(shè)計(jì)網(wǎng)站頁面布局可以有效的提高用戶體驗(yàn)。通常的網(wǎng)站頁面層次模型分為網(wǎng)站首頁、網(wǎng)站內(nèi)頁(欄目頁面和內(nèi)容頁),有的網(wǎng)站還會(huì)因需要設(shè)計(jì)專題頁面。
一、網(wǎng)站首頁布局
一個(gè)網(wǎng)站,設(shè)計(jì)網(wǎng)站首頁是網(wǎng)站給用戶的第一印象,網(wǎng)站的首頁就好比一個(gè)人的臉,一個(gè)網(wǎng)站布局成不成功,常常是由首頁決定的。那么頁面布局該從哪些方面入手呢?
1、首頁主題
首頁是網(wǎng)站的核心頁面,首頁的主題也就是網(wǎng)站的主要核心。首頁主題需讓用戶很容易的了解網(wǎng)站是做什么的。首頁主題體現(xiàn)在網(wǎng)站的標(biāo)題、關(guān)鍵詞、描述上,其中最重要的是標(biāo)題,用戶在搜索引擎上看到的搜索結(jié)果就是你網(wǎng)站的標(biāo)題和描述內(nèi)容。例如下圖的百度百科,用戶通過圖中內(nèi)容及可了解到百度百科是做中文百科的,以及百科涵蓋的知識(shí)及服務(wù)領(lǐng)域。在首頁頁面上,首頁主題還體現(xiàn)在logo及網(wǎng)站標(biāo)題上。準(zhǔn)確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網(wǎng)站。
2、banner條設(shè)計(jì)
如果首頁是一個(gè)網(wǎng)站的核心,那么banner就是網(wǎng)站首頁的核心。當(dāng)人們打開一個(gè)網(wǎng)站的首頁,最顯目的就是banner條。所以在某站點(diǎn)站點(diǎn)的banner條設(shè)計(jì),圖片也盡量和自己的產(chǎn)品相符合,然后用文字加以說明。這樣的好處是用戶僅看banner條就能知道網(wǎng)站的主題,也進(jìn)一步的對(duì)產(chǎn)品有初步的了解。
3、首頁導(dǎo)航
首頁導(dǎo)航可以看做是對(duì)網(wǎng)站內(nèi)容的一個(gè)細(xì)分,這樣方便用戶根據(jù)自己的需求選擇要瀏覽的欄目。導(dǎo)航該如何設(shè)置呢?從我做某站點(diǎn)網(wǎng)站導(dǎo)航設(shè)置來看,網(wǎng)站導(dǎo)航要做到分類清晰,導(dǎo)航欄目之間不要重復(fù),最好了也不要有相似的詞,如某站點(diǎn)設(shè)在一個(gè)欄目下,因?yàn)楹芏鄷r(shí)候,軟件、系統(tǒng)這樣的詞有相近的意思?;ヂ?lián)網(wǎng)上有許多導(dǎo)航欄目做的很好的網(wǎng)站,這里可以參考網(wǎng)上的優(yōu)化網(wǎng)站的導(dǎo)航欄目劃分方法。
4、首頁內(nèi)容
布置好網(wǎng)站首頁導(dǎo)航就可以進(jìn)行網(wǎng)站首頁的內(nèi)容布局設(shè)計(jì)了。如果說網(wǎng)站首頁banner、導(dǎo)航等一些元素是網(wǎng)站的重要內(nèi)容,那么網(wǎng)站首頁的內(nèi)容就是重中之重。網(wǎng)站banner、導(dǎo)航只是用戶第一印象,如果要提高網(wǎng)站的轉(zhuǎn)化率,還是要從內(nèi)容建設(shè)。做某站點(diǎn)站,我會(huì)先對(duì)用戶群的需求進(jìn)行分析,把用戶關(guān)注最多的內(nèi)容放在首頁最重要的位置,這樣會(huì)降低用戶的跳出率,有利于提高網(wǎng)站的轉(zhuǎn)化。頁面的內(nèi)容布局需先對(duì)網(wǎng)站的用戶群體進(jìn)行需求分析,把用戶關(guān)注最多的內(nèi)容放置在首頁的最重要位置。一般按照用戶的瀏覽方式,頁面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進(jìn)行布置。也就是說最重要的內(nèi)容要放置在首頁左上位置,而廣告或最不重要的內(nèi)容可放置在頁面的右下位置。網(wǎng)站首頁布局除了做好主題、導(dǎo)航和內(nèi)容外還需注意頁面的尺寸、網(wǎng)站打開速度及友情鏈接布置等方面。
二、網(wǎng)站內(nèi)頁布局設(shè)計(jì)
本文這里所說的網(wǎng)站內(nèi)頁包含了網(wǎng)站的欄目頁及內(nèi)容頁面。因頁面的總體布局方式相似所以一起進(jìn)行論說。
1、內(nèi)頁面包屑導(dǎo)航
為了更好的傳遞站內(nèi)頁面權(quán)重,內(nèi)頁需要設(shè)置面包屑導(dǎo)航。網(wǎng)站各層級(jí)的頁面較多,尤其是大型網(wǎng)站,為了更好的讓網(wǎng)站內(nèi)頁獲得權(quán)重,內(nèi)鏈?zhǔn)呛芎玫姆绞?,為?nèi)容設(shè)置面包屑導(dǎo)航就是最符合用戶體驗(yàn)的內(nèi)鏈形式。面包屑導(dǎo)航不但可以分配頁面權(quán)重還可以方便用戶在各層級(jí)頁面間進(jìn)行切換。
2、網(wǎng)站內(nèi)頁模板
常見的內(nèi)頁模板有兩欄和三欄兩種形式。兩欄的形式多用戶小型企業(yè)站幾博客網(wǎng)站。兩欄頁面的主要位置是文章內(nèi)容,另一側(cè)為用戶互動(dòng)內(nèi)容,例如熱門文章、推薦文章等。兩欄欄目頁面主要位置為欄目下文章列表,側(cè)邊為互動(dòng)內(nèi)容。欄目頁需注意,文章列表每頁條目不要太少,用戶多次翻頁會(huì)不便于用戶瀏覽,還會(huì)出現(xiàn)網(wǎng)站頁面層次過深的問題。三欄的內(nèi)頁布局和兩欄的差不多,中間主要位置為文章內(nèi)容,兩側(cè)方式相應(yīng)的互動(dòng)內(nèi)容或廣告。內(nèi)頁模板我們可參看百度百科的頁面布局形式。
隨著搜索引擎算法不斷變動(dòng),什么才是最好的網(wǎng)站優(yōu)化方式成了網(wǎng)站站長(zhǎng)關(guān)注的話題。其實(shí)很多網(wǎng)站優(yōu)化手段只是輔助外力,確實(shí)的提高網(wǎng)站用戶體驗(yàn)才是網(wǎng)站長(zhǎng)期穩(wěn)定發(fā)展的最好助力。在影響用戶體驗(yàn)的眾多因素中網(wǎng)站頁面布局無疑是十分重要的一項(xiàng)因素。
本信息來源于:東郡網(wǎng)絡(luò)
-
2021-09-18
喜迎中秋-東郡2021年中秋節(jié)放假通知
中秋節(jié),又稱祭月節(jié)、月光誕、月夕、秋節(jié)、仲秋節(jié)、拜月節(jié)、月娘節(jié)、月亮節(jié)、團(tuán)圓節(jié)等,是中國(guó)民間的傳統(tǒng)節(jié)日。中秋節(jié)源自天象崇...
-
2021-06-11
東郡網(wǎng)絡(luò)2021端午節(jié)放假通知
端午節(jié)的習(xí)俗: 端午節(jié)吃粽子,這是中國(guó)人民的又一傳統(tǒng)習(xí)俗。粽子,又叫“角黍”、“筒粽”。其由來已久,花樣繁多。五月家家吃...
-
2020| 東郡網(wǎng)絡(luò)中秋、國(guó)慶放假通知
2020-09-30 -
開放的互聯(lián)網(wǎng)什么最重要——信任
2020-09-05 -
網(wǎng)站設(shè)計(jì)中如何逐塊實(shí)現(xiàn)網(wǎng)站布局?
2020-07-14 -
5G標(biāo)準(zhǔn)走向了各行各業(yè),將催生出新的數(shù)字生態(tài)產(chǎn)
2020-07-08 -
建黨99周年|永遠(yuǎn)跟黨走 奮斗新時(shí)代
2020-07-02 -
睿志集團(tuán)|十堰東郡網(wǎng)絡(luò)放假通知
2020-06-23 -
企業(yè)復(fù)工復(fù)產(chǎn)建議你安排做這幾點(diǎn)
2020-03-20 -
最新消息!十堰東郡網(wǎng)絡(luò)今天終于復(fù)工啦!
2020-03-18 -
2020年春節(jié)放假通知
2020-01-20 -
十堰東郡網(wǎng)絡(luò)中秋節(jié)放假通知
2019-09-12