如何设计好网站页面布局

实习编辑 2020年4月10日10:40:00其他如何设计好网站页面布局已关闭评论83阅读模式

【免责声明】

  1、本网站部分文章信息来源于网络转载是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如其他媒体、网站或个人从本网下载使用,必须保留本网注明的“稿件来源”,并自负版权等法律责任。如对稿件内容有疑议,请及时与我们联系。

  2、本网站致力于提供合理、准确、完整的资讯信息,但不保证信息的合理性、准确性和完整性,且不对因信息的不合理、不准确或遗漏导致的任何损失或损害承担责任。本网站所有信息仅供参考,不做交易和服务的根据, 如自行使用本网资料发生偏差,本站概不负责,亦不负任何法律责任。

  3、任何由于黑客攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的损失,本网站均得免责。由于与本网站链接的其它网站所造成之个人资料泄露及由此而导致的任何法律争议和后果,本网站均得免责。

  4、本网站如因系统维护或升级而需暂停服务时,将事先公告。若因线路及非本公司控制范围外的硬件故障或其它不可抗力而导致暂停服务,于暂停服务期间造成的一切不便与损失,本网站不负任何责任。

  5、本网站使用者因为违反本声明的规定而触犯中华人民共和国法律的,一切后果自己负责,本网站不承担任何责任。

  6、凡以任何方式登陆本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。

  7、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

  8、本网站如无意中侵犯了哪个媒体或个人的知识产权,请联系我们QQ:316865155,本网站将立即给予删除。

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

一、网站首页布局设计

网站设计
首页是网站给用户的第一印象,首页页面布局需从主题、导航、内容等方面入手,下面以百度百科的页面为例进行首页页面布局分析。

1、首页主题

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

在首页页面上,首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。

2、首页导航

网站导航可以看做是对网站内容的分类,把网站的内容进行细分,方便用户跟据个人需求选择浏览相应栏目页面。网站首页导航要做到分类清晰,导航栏目间不重复。百度百科的首页导航做的很好,我们可以学习一下。

3、首页内容

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

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

二、网站内页布局设计

本文这里所说的网站内页包含了网站的栏目页及内容页面。因页面的总体布局方式相似所以一起进行论说。

1、内页面包屑导航

为了更好的传递站内页面权重,内页需要设置面包屑导航。网站各层级的页面较多,尤其是大型网站,为了更好的让网站内页获得权重,内链是很好的方式,为内容设置面包屑导航就是最符合用户体验的内链形式。面包屑导航不但可以分配页面权重还可以方便用户在各层级页面间进行切换。

2、网站内页模板

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

通过最近的搜索引擎算法变动可以看出现如今的网站排名加入了涉及用户体验的几个方面,例如ip量、搜索量、pv量等。这样的变动揭示了网站优化的实质问题:用户体验。通过合理的网站页面布局及其他方式提高网站的用户体验才是网站发展的最佳方式。

 

  • 18922299980
  • 扫一扫加我微信
  • weinxin
  • 公众号:名将VR全景
  • 扫一扫在微信上关注我们
  • weinxin
实习编辑
  • 本文由 发表于 2020年4月10日10:40:00
  • 转载请务必保留本文链接:http://blog.hzzx3d.com/6357.html