如何设计好网站页面布局

随着搜索引擎算法不断变动，什么才是最好的网站优化方式成了网站站长关注的话题。其实很多网站优化手段只是辅助外力，确实的提高网站用户体验才是网站长期稳定发展的最好助力。在影响用户体验的众多因素中网站页面布局无疑是十分重要的一项因素。
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.

一、网站首页布局设计(Your home page layout design)

网站设计首页是网站给用户的第一印象，首页页面布局需从主题、导航、内容等方面入手，下面以百度百科的页面为例进行首页页面布局分析。
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)

首页是网站的核心页面，首页的主题也就是网站的主要核心。首页主题需让用户很容易的了解网站是做什么的。首页主题体现在网站的标题、关键词、描述上，其中最重要的是标题，用户在搜索引擎上看到的搜索结果就是你网站的标题和描述内容。例如下图的百度百科，用户通过图中内容及可了解到百度百科是做中文百科的，以及百科涵盖的知识及服务领域。
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.

在首页页面上，首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。
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、首页导航(Navigation home page)

网站导航可以看做是对网站内容的分类，把网站的内容进行细分，方便用户跟据个人需求选择浏览相应栏目页面。网站首页导航要做到分类清晰，导航栏目间不重复。百度百科的首页导航做的很好，我们可以学习一下。
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、首页内容(Home page content)

布置好网站首页导航就可以进行网站首页的内容布局设计了。页面的内容布局需先对网站的用户群体进行需求分析，把用户关注最多的内容放置在首页的最重要位置。一般按照用户的浏览方式，页面内容布局按照内容重要程度由左上到右下进行布置。也就是说最重要的内容要放置在首页左上位置，而广告或最不重要的内容可放置在页面的右下位置。
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.

网站首页布局除了做好主题、导航和内容外还需注意页面的尺寸、网站打开速度及友情链接布置等方面。
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.

二、网站内页布局设计(The inside pages web site layout design)

本文这里所说的网站内页包含了网站的栏目页及内容页面。因页面的总体布局方式相似所以一起进行论说。
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、内页面包屑导航(The inside pages breadcrumb navigation)

为了更好的传递站内页面权重，内页需要设置面包屑导航。网站各层级的页面较多，尤其是大型网站，为了更好的让网站内页获得权重，内链是很好的方式，为内容设置面包屑导航就是最符合用户体验的内链形式。面包屑导航不但可以分配页面权重还可以方便用户在各层级页面间进行切换。
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、网站内页模板(Website template pages related to)

常见的内页模板有两栏和三栏两种形式。两栏的形式多用户小型企业站几博客网站。两栏页面的主要位置是文章内容，另一侧为用户互动内容，例如热门文章、推荐文章等。两栏栏目页面主要位置为栏目下文章列表，侧边为互动内容。栏目页需注意，文章列表每页条目不要太少，用户多次翻页会不便于用户浏览，还会出现网站页面层次过深的问题。三栏的内页布局和两栏的差不多，中间主要位置为文章内容，两侧方式相应的互动内容或广告。内页模板我们可参看百度百科的页面布局形式。
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.

通过最近的搜索引擎算法变动可以看出现如今的网站排名加入了涉及用户体验的几个方面，例如ip量、搜索量、pv量等。这样的变动揭示了网站优化的实质问题：用户体验。通过合理的网站页面布局及其他方式提高网站的用户体验才是网站发展的最佳方式。
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.
本文发布于北京网站建设公司尚品中国http://www.sino-web.net/