如何設(shè)計(jì)好網(wǎng)站頁面布局

隨著搜索引擎算法不斷變動(dòng)，什么才是最好的網(wǎng)站優(yōu)化方式成了網(wǎng)站站長關(guān)注的話題。其實(shí)很多網(wǎng)站優(yōu)化手段只是輔助外力，確實(shí)的提高網(wǎng)站用戶體驗(yàn)才是網(wǎng)站長期穩(wěn)定發(fā)展的最好助力。在影響用戶體驗(yàn)的眾多因素中網(wǎng)站頁面布局無疑是十分重要的一項(xiàng)因素。
As search engines algorithm constantly variable, what is the best site optimization methods become postmaster topic. In fact many web site optimization means just auxiliary force, improve the user experience of really web site is the best site a long-term stable development efforts. In the many factors affect the user experience of web page layout is undoubtedly one of the very important factors.

一、網(wǎng)站首頁布局設(shè)計(jì)(Your home page layout design)

網(wǎng)站設(shè)計(jì)首頁是網(wǎng)站給用戶的第一印象，首頁頁面布局需從主題、導(dǎo)航、內(nèi)容等方面入手，下面以百度百科的頁面為例進(jìn)行首頁頁面布局分析。
Your home page is web site to the user, the first impression that the home page layout from theme, navigation, to the contents of the wikipedia page here in baidu for an example home page page layout analysis.

1、首頁主題(Theme home page)

首頁是網(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)域。
The core of the home page is website page, the theme of the home page is the main center website. Home page topic are let users easily understand what is the web site. Home page embodied in the title of the web site theme, key words and description, one of the most important is the title, users in the search engines to see of the search results is the title of your website and describe the content. For example the following baidu encyclopedia, users through the picture content and know how to baidu encyclopedia that do Chinese wikipedia, and the knowledge and services covers an area.

在首頁頁面上，首頁主題還體現(xiàn)在logo及網(wǎng)站標(biāo)題上。準(zhǔn)確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網(wǎng)站。
In home page, page theme is also manifest in logo and web sites on the title. Accurate generalization of the home page is a good theme help users to choose their exact requirements have web site.

2、首頁導(dǎo)航(Navigation home page)

網(wǎng)站導(dǎo)航可以看做是對(duì)網(wǎng)站內(nèi)容的分類，把網(wǎng)站的內(nèi)容進(jìn)行細(xì)分，方便用戶跟據(jù)個(gè)人需求選擇瀏覽相應(yīng)欄目頁面。網(wǎng)站首頁導(dǎo)航要做到分類清晰，導(dǎo)航欄目間不重復(fù)。百度百科的首頁導(dǎo)航做的很好，我們可以學(xué)習(xí)一下。
Web site navigation is seen as the website content classification, the content of the website segment, according to individual demand with users choose to view the corresponding column page. Your home page navigation to do classification is clear, the navigation between column is not repeated. Baidu wikipedia page navigation do very well, we can learn it.

3、首頁內(nèi)容(Home page content)

布置好網(wǎng)站首頁導(dǎo)航就可以進(jìn)行網(wǎng)站首頁的內(nèi)容布局設(shè)計(jì)了。頁面的內(nèi)容布局需先對(duì)網(wǎng)站的用戶群體進(jìn)行需求分析，把用戶關(guān)注最多的內(nèi)容放置在首頁的最重要位置。一般按照用戶的瀏覽方式，頁面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進(jìn)行布置。也就是說最重要的內(nèi)容要放置在首頁左上位置，而廣告或最不重要的內(nèi)容可放置在頁面的右下位置。
Decorate good navigation home page of the content of the home page layout design. The content of the page layout of the site's users should first group needs analysis, to let users the most concerned content on the homepage of the most important placed in position. According to the general user to browse a way, the page content distribution according to how important content by upper left to right to decorate. That is the most important content should be placed in the upper left home page position, and the least important of advertising or content can be put in the lower right of the page position.

網(wǎng)站首頁布局除了做好主題、導(dǎo)航和內(nèi)容外還需注意頁面的尺寸、網(wǎng)站打開速度及友情鏈接布置等方面。
Your home page layout in addition to theme, navigation and the need to pay attention to the content of the page size, website open speed and links arrangement, etc.

二、網(wǎng)站內(nèi)頁布局設(shè)計(jì)(The inside pages web site layout design)

本文這里所說的網(wǎng)站內(nèi)頁包含了網(wǎng)站的欄目頁及內(nèi)容頁面。因頁面的總體布局方式相似所以一起進(jìn)行論說。
This paper here said the website contains a section of the inside pages web site content pages and pages. Because of the page layout together with similar way so decided.

1、內(nèi)頁面包屑導(dǎo)航(The inside pages breadcrumb navigation)

為了更好的傳遞站內(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)行切換。
In order to better transfer stand inside page weight, need to set up the inside pages breadcrumb navigation. Web page at all levels are more, especially large web site, in order to better let website pages related to weight gain, the chain is in very good way, for the contents of the bread crumbs navigation is most conforms to the user experience in the form of the chain. Bread crumbs navigation can not only distribution page weight also makes it easier for users at all levels to switch between pages.

2、網(wǎng)站內(nèi)頁模板(Website template pages related to)

常見的內(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)頁模板我們可參看百度百科的頁面布局形式。
The inside pages template have two common column and column three two forms. The form of two bar more than small enterprise stand a few users blogging web site. Two of the main position is column page article content, another side for the user interaction content, such as the popular articles, recommend articles, etc. Two column column page main position under article list for the columns, side for interactive content. Column page need to pay attention to, the article list each page entries don't too little, users can flip to many users browse, also can appear web page levels deep problems. Three column of the inside pages layout and two column of almost, among the main position for the article content, way of the corresponding interactions on both sides or advertising. The inside pages template we can see baidu wikipedia page layout form.

通過最近的搜索引擎算法變動(dòng)可以看出現(xiàn)如今的網(wǎng)站排名加入了涉及用戶體驗(yàn)的幾個(gè)方面，例如ip量、搜索量、pv量等。這樣的變動(dòng)揭示了網(wǎng)站優(yōu)化的實(shí)質(zhì)問題：用戶體驗(yàn)。通過合理的網(wǎng)站頁面布局及其他方式提高網(wǎng)站的用戶體驗(yàn)才是網(wǎng)站發(fā)展的最佳方式。
Through the recent search engine algorithm can see these changes website ranking joined involves some aspects of the user experience, such as IP quantity, amount, such as the quantity search pv. Is this change reveals the essence of web site optimization problem: the user experience. Through the rational website page layout and other methods improve your user experience is the best way to web development.
本文發(fā)布于北京網(wǎng)站建設(shè)公司尚品中國http://www.trbqr.cn/