如何設計好網(wǎ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)站首頁布局設計(Your home page layout design)
網(wǎng)站設計首頁是網(wǎng)站給用戶的第一印象,首頁頁面布局需從主題、導航、內(nèi)容等方面入手,下面以百度百科的頁面為例進行首頁頁面布局分析。
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)站的標題、關鍵詞、描述上,其中最重要的是標題,用戶在搜索引擎上看到的搜索結(jié)果就是你網(wǎng)站的標題和描述內(nèi)容。例如下圖的百度百科,用戶通過圖中內(nèi)容及可了解到百度百科是做中文百科的,以及百科涵蓋的知識及服務領域。
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)站標題上。準確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網(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、首頁導航(Navigation home page)
網(wǎng)站導航可以看做是對網(wǎng)站內(nèi)容的分類,把網(wǎng)站的內(nèi)容進行細分,方便用戶跟據(jù)個人需求選擇瀏覽相應欄目頁面。網(wǎng)站首頁導航要做到分類清晰,導航欄目間不重復。百度百科的首頁導航做的很好,我們可以學習一下。
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)站首頁導航就可以進行網(wǎng)站首頁的內(nèi)容布局設計了。頁面的內(nèi)容布局需先對網(wǎng)站的用戶群體進行需求分析,把用戶關注最多的內(nèi)容放置在首頁的最重要位置。一般按照用戶的瀏覽方式,頁面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進行布置。也就是說最重要的內(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)站首頁布局除了做好主題、導航和內(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)頁布局設計(The inside pages web site layout design)
本文這里所說的網(wǎng)站內(nèi)頁包含了網(wǎng)站的欄目頁及內(nèi)容頁面。因頁面的總體布局方式相似所以一起進行論說。
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)頁面包屑導航(The inside pages breadcrumb navigation)
為了更好的傳遞站內(nèi)頁面權(quán)重,內(nèi)頁需要設置面包屑導航。網(wǎng)站各層級的頁面較多,尤其是大型網(wǎng)站,為了更好的讓網(wǎng)站內(nèi)頁獲得權(quán)重,內(nèi)鏈是很好的方式,為內(nèi)容設置面包屑導航就是最符合用戶體驗的內(nèi)鏈形式。面包屑導航不但可以分配頁面權(quá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è)為用戶互動內(nèi)容,例如熱門文章、推薦文章等。兩欄欄目頁面主要位置為欄目下文章列表,側(cè)邊為互動內(nèi)容。欄目頁需注意,文章列表每頁條目不要太少,用戶多次翻頁會不便于用戶瀏覽,還會出現(xiàn)網(wǎng)站頁面層次過深的問題。三欄的內(nèi)頁布局和兩欄的差不多,中間主要位置為文章內(nèi)容,兩側(cè)方式相應的互動內(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.
通過最近的搜索引擎算法變動可以看出現(xiàn)如今的網(wǎng)站排名加入了涉及用戶體驗的幾個方面,例如ip量、搜索量、pv量等。這樣的變動揭示了網(wǎng)站優(yōu)化的實質(zhì)問題:用戶體驗。通過合理的網(wǎng)站頁面布局及其他方式提高網(wǎng)站的用戶體驗才是網(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)站建設公司尚品中國http://m.proteomeinstitute.com/
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設計開發(fā)
-
后續(xù)跟蹤服務
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設
- 食品網(wǎng)站建設
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設
- 研究所網(wǎng)站建設
- 沈陽網(wǎng)站建設
- 廊坊網(wǎng)站建設
- 鄭州網(wǎng)站建設
- 婚紗攝影網(wǎng)站建設
- 手機端網(wǎng)站建設
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設
- 教育網(wǎng)站建設
- 品牌網(wǎng)站建設
- 政府網(wǎng)站建設
- 北京網(wǎng)站建設
- 網(wǎng)站設計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
網(wǎng)站制作前還需要慎重的考慮
還需要慎重的考慮,因為這決定著計算機的總線帶寬,有的大廠商由于庫存等各...
2012-10-15 -
濟南網(wǎng)站建設—門戶網(wǎng)站需要哪些注意事項?
門戶網(wǎng)站在建設的過程中,需要我們注意的事項有很多方面。只要知道了門戶網(wǎng)...
2019-04-24 -
[SEO經(jīng)驗]做半年外鏈的感想和經(jīng)驗總結(jié)
做半年外鏈的感想和經(jīng)驗總結(jié) 從打仗SEO到如今差未幾有半年多工夫了...
2011-11-14 -
網(wǎng)絡政治參與的概念
正如人類社會發(fā)展歷史所展示的基本規(guī)律那樣,每當科學技術(shù)取得重大突破和進...
2014-10-23 -
大連網(wǎng)站建設成功需要哪些因素?
據(jù)悉,互聯(lián)網(wǎng)巨大的經(jīng)濟效益吸引了眾多企業(yè)和企業(yè)家,越來越多的人將精力投...
2022-01-21 -
什么是UEO營銷型網(wǎng)站建設?
UEO(User Experience Optimization)營銷...
2017-11-09
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡,涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益,請您及時與我們,我們會在第一時間刪除相關內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com