Please contact our consultant
+86 10-60259772
Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.
如何設計好網站頁面布局
Date：2012-07-31 Aource：尚品中國 Type：網站百科 Word Size：small medium big
- Location：
- ShangPin China >
- News >
- Encyclopedias >
- Main Body
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.trbqr.cn/