一、網(wǎng)站首頁布局設計
網(wǎng)站首頁是網(wǎng)站給用戶的第一印象,首頁頁面布局需從主題、導航、內容等方面入手,下面以百度百科的頁面為例進行首頁頁面布局分析。
1、首頁主題
首頁是網(wǎng)站的核心頁面,首頁的主題也就是網(wǎng)站的主要核心。首頁主題需讓用戶很容易的了解網(wǎng)站是做什么的。首頁主題體現(xiàn)在網(wǎng)站的標題、關鍵詞、描述上,其中最重要的是標題,用戶在搜索引擎上看到的搜索結果就是你網(wǎng)站的標題和描述內容。例如下圖的百度百科,用戶通過圖中內容及可了解到百度百科是做中文百科的,以及百科涵蓋的知識及服務領域
在首頁頁面上,首頁主題還體現(xiàn)在logo及網(wǎng)站標題上。準確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網(wǎng)站。
2、首頁導航
網(wǎng)站導航可以看做是對網(wǎng)站內容的分類,把網(wǎng)站的內容進行細分,方便用戶跟據(jù)個人需求選擇瀏覽相應欄目頁面。網(wǎng)站首頁導航要做到分類清晰,導航欄目間不重復。百度百科的首頁導航做的很好,我們可以學習一下。
3、首頁內容
布置好網(wǎng)站首頁導航就可以進行網(wǎng)站首頁的內容布局設計了。頁面的內容布局需先對網(wǎng)站的用戶群體進行需求分析,把用戶關注最多的內容放置在首頁的最重要位置。一般按照用戶的瀏覽方式,頁面內容布局按照內容重要程度由左上到右下進行布置。也就是說最重要的內容要放置在首頁左上位置,而廣告或最不重要的內容可放置在頁面的右下位置。
網(wǎng)站首頁布局除了做好主題、導航和內容外還需注意頁面的尺寸、網(wǎng)站打開速度及友情鏈接布置等方面。
二、網(wǎng)站內頁布局設計
本文這里所說的網(wǎng)站內頁包含了網(wǎng)站的欄目頁及內容頁面。因頁面的總體布局方式相似所以一起進行論說。
1、內頁面包屑導航
為了更好的傳遞站內頁面權重,內頁需要設置面包屑導航。網(wǎng)站各層級的頁面較多,尤其是大型網(wǎng)站,為了更好的讓網(wǎng)站內頁獲得權重,內鏈是很好的方式,為內容設置面包屑導航就是最符合用戶體驗的內鏈形式。面包屑導航不但可以分配頁面權重還可以方便用戶在各層級頁面間進行切換。
2、網(wǎng)站內頁模板
常見的內頁模板有兩欄和三欄兩種形式。兩欄的形式多用戶小型企業(yè)站幾博客網(wǎng)站。兩欄頁面的主要位置是文章內容,另一側為用戶互動內容,例如熱門文章、推薦文章等。兩欄欄目頁面主要位置為欄目下文章列表,側邊為互動內容。欄目頁需注意,文章列表每頁條目不要太少,用戶多次翻頁會不便于用戶瀏覽,還會出現(xiàn)網(wǎng)站頁面層次過深的問題。三欄的內頁布局和兩欄的差不多,中間主要位置為文章內容,兩側方式相應的互動內容或廣告。內頁模板我們可參看百度百科的頁面布局形式。