DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 合理設計網站頁面布局提高用戶體驗
合理設計網站頁面布局提高用戶體驗
編輯:SEO優化集錦     

網站作為提供信息及服務的平台,頁面的用戶體驗十分重要。合理的設計網站頁面布局可以有效的提高用戶體驗。通常的網站頁面層次模型分為網站首頁、網站內頁(欄目頁面和內容頁),有的網站還會因需要設計專題頁面。

一、網站首頁布局設計

網站首頁是網站給用戶的第一印象,首頁頁面布局需從主題、導航、內容等方面入手,下面以百度百科的頁面為例進行首頁頁面布局分析。

1、首頁主題

首頁是網站的核心頁面,首頁的主題也就是網站的主要核心。首頁主題需讓用戶很容易的了解網站是做什麼的。首頁主題體現在網站的標題、關鍵詞、描述上,其中最重要的是標題,用戶在搜索引擎上看到的搜索結果就是你網站的標題和描述內容。例如下圖的百度百科,用戶通過圖中內容及可了解到百度百科是做中文百科的,以及百科涵蓋的知識及服務領域。

在首頁頁面上,首頁主題還體現在logo及網站標題上。准確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網站。

2、首頁導航

網站導航可以看做是對網站內容的分類,把網站的內容進行細分,方便用戶跟據個人需求選擇浏覽相應欄目頁面。網站首頁導航要做到分類清晰,導航欄目間不重復。百度百科的首頁導航做的很好,我們可以學習一下。

3、首頁內容

布置好網站首頁導航就可以進行網站首頁的內容布局設計了。頁面的內容布局需先對網站的用戶群體進行需求分析,把用戶關注最多的內容放置在首頁的最重要位置。一般按照用戶的浏覽方式,頁面內容布局按照內容重要程度由左上到右下進行布置。也就是說最重要的內容要放置在首頁左上位置,而廣告或最不重要的內容可放置在頁面的右下位置。

網站首頁布局除了做好主題、導航和內容外還需注意頁面的尺寸、網站打開速度及友情鏈接布置等方面。

二、網站內頁布局設計

本文這裡所說的網站內頁包含了網站的欄目頁及內容頁面。因頁面的總體布局方式相似所以一起進行論說。

1、內頁面包屑導航

為了更好的傳遞站內頁面權重,內頁需要設置面包屑導航。網站各層級的頁面較多,尤其是大型網站,為了更好的讓網站內頁獲得權重,內鏈是很好的方式,為內容設置面包屑導航就是最符合用戶體驗的內鏈形式。面包屑導航不但可以分配頁面權重還可以方便用戶在各層級頁面間進行切換。

2、網站內頁模板

常見的內頁模板有兩欄和三欄兩種形式。兩欄的形式多用戶小型企業站幾博客網站。兩欄頁面的主要位置是文章內容,另一側為用戶互動內容,例如熱門文章、推薦文章等。兩欄欄目頁面主要位置為欄目下文章列表,側邊為互動內容。欄目頁需注意,文章列表每頁條目不要太少,用戶多次翻頁會不便於用戶浏覽,還會出現網站頁面層次過深的問題。三欄的內頁布局和兩欄的差不多,中間主要位置為文章內容,兩側方式相應的互動內容或廣告。內頁模板我們可參看百度百科的頁面布局形式。

按照80/20法則,80%的結果是由20%的努力產生的。作為一個為用戶服務的網站,抓好用戶體驗問題就是抓住了產生最大結果的20%核心要點。影響用戶體驗的方面很多,本文所介紹的網站頁面布局無疑是提高用戶體驗的重要方式。本文只簡要介紹了幾點頁面布局的思路,希望能夠起到拋磚引玉的作用。本文由idsem小組 面條 編寫 版權鏈接:http://www.idaus.com

感謝 的投稿

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved