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

隨著搜索引擎算法不斷變動(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)站頁(yè)面布局無(wú)疑是十分重要的一項(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)站首頁(yè)布局設(shè)計(jì)(Your home page layout design)

網(wǎng)站設(shè)計(jì)首頁(yè)是網(wǎng)站給用戶的第一印象，首頁(yè)頁(yè)面布局需從主題、導(dǎo)航、內(nèi)容等方面入手，下面以百度百科的頁(yè)面為例進(jìn)行首頁(yè)頁(yè)面布局分析。
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、首頁(yè)主題(Theme home page)

首頁(yè)是網(wǎng)站的核心頁(yè)面，首頁(yè)的主題也就是網(wǎng)站的主要核心。首頁(yè)主題需讓用戶很容易的了解網(wǎng)站是做什么的。首頁(yè)主題體現(xiàn)在網(wǎng)站的標(biāo)題、關(guān)鍵詞、描述上，其中最重要的是標(biāo)題，用戶在搜索引擎上看到的搜索結(jié)果就是你網(wǎng)站的標(biāo)題和描述內(nèi)容。例如下圖的百度百科，用戶通過(guò)圖中內(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.

在首頁(yè)頁(yè)面上，首頁(yè)主題還體現(xiàn)在logo及網(wǎng)站標(biāo)題上。準(zhǔn)確概括的首頁(yè)主題可以很好幫助用戶選擇自己有確切需求的網(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、首頁(yè)導(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)欄目頁(yè)面。網(wǎng)站首頁(yè)導(dǎo)航要做到分類清晰，導(dǎo)航欄目間不重復(fù)。百度百科的首頁(yè)導(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、首頁(yè)內(nèi)容(Home page content)

布置好網(wǎng)站首頁(yè)導(dǎo)航就可以進(jìn)行網(wǎng)站首頁(yè)的內(nèi)容布局設(shè)計(jì)了。頁(yè)面的內(nèi)容布局需先對(duì)網(wǎng)站的用戶群體進(jìn)行需求分析，把用戶關(guān)注最多的內(nèi)容放置在首頁(yè)的最重要位置。一般按照用戶的瀏覽方式，頁(yè)面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進(jìn)行布置。也就是說(shuō)最重要的內(nèi)容要放置在首頁(yè)左上位置，而廣告或最不重要的內(nèi)容可放置在頁(yè)面的右下位置。
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)站首頁(yè)布局除了做好主題、導(dǎo)航和內(nèi)容外還需注意頁(yè)面的尺寸、網(wǎng)站打開(kāi)速度及友情鏈接布置等方面。
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)頁(yè)布局設(shè)計(jì)(The inside pages web site layout design)

本文這里所說(shuō)的網(wǎng)站內(nèi)頁(yè)包含了網(wǎng)站的欄目頁(yè)及內(nèi)容頁(yè)面。因頁(yè)面的總體布局方式相似所以一起進(jìn)行論說(shuō)。
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)頁(yè)面包屑導(dǎo)航(The inside pages breadcrumb navigation)

為了更好的傳遞站內(nèi)頁(yè)面權(quán)重，內(nèi)頁(yè)需要設(shè)置面包屑導(dǎo)航。網(wǎng)站各層級(jí)的頁(yè)面較多，尤其是大型網(wǎng)站，為了更好的讓網(wǎng)站內(nèi)頁(yè)獲得權(quán)重，內(nèi)鏈?zhǔn)呛芎玫姆绞?，為?nèi)容設(shè)置面包屑導(dǎo)航就是最符合用戶體驗(yàn)的內(nèi)鏈形式。面包屑導(dǎo)航不但可以分配頁(yè)面權(quán)重還可以方便用戶在各層級(jí)頁(yè)面間進(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)頁(yè)模板(Website template pages related to)

常見(jiàn)的內(nèi)頁(yè)模板有兩欄和三欄兩種形式。兩欄的形式多用戶小型企業(yè)站幾博客網(wǎng)站。兩欄頁(yè)面的主要位置是文章內(nèi)容，另一側(cè)為用戶互動(dòng)內(nèi)容，例如熱門(mén)文章、推薦文章等。兩欄欄目頁(yè)面主要位置為欄目下文章列表，側(cè)邊為互動(dòng)內(nèi)容。欄目頁(yè)需注意，文章列表每頁(yè)條目不要太少，用戶多次翻頁(yè)會(huì)不便于用戶瀏覽，還會(huì)出現(xiàn)網(wǎng)站頁(yè)面層次過(guò)深的問(wèn)題。三欄的內(nèi)頁(yè)布局和兩欄的差不多，中間主要位置為文章內(nèi)容，兩側(cè)方式相應(yīng)的互動(dòng)內(nèi)容或廣告。內(nèi)頁(yè)模板我們可參看百度百科的頁(yè)面布局形式。
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.

通過(guò)最近的搜索引擎算法變動(dòng)可以看出現(xiàn)如今的網(wǎng)站排名加入了涉及用戶體驗(yàn)的幾個(gè)方面，例如ip量、搜索量、pv量等。這樣的變動(dòng)揭示了網(wǎng)站優(yōu)化的實(shí)質(zhì)問(wèn)題：用戶體驗(yàn)。通過(guò)合理的網(wǎng)站頁(yè)面布局及其他方式提高網(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è)公司尚品中國(guó)http://proteomeinstitute.com/