您当前的位置是:首页 > 新闻详情
百度网站建设页面规划与元素设计

网站页面规划与元素设计

网站页面由多种元素共同构成,这些元素的合理布局和出色设计,能够使网站页面富有创意和吸引力,可以使网站页面的结构更加立体化,也可以使网站页面的展现形式多样化。本章将介绍网页中各种构成元素的相关知识,使读者在网站页面的布局设计中能够更好地运用不同的页面元素。

2.1 网站栏目结构与页面策划

就像是一本书它有自己的目录,然后有章、节、段一样,网站同样需要清晰的层次结构,这样才能够让用户在浏览网站时不会迷路。这个不迷路的实质就是网站结构清晰、目录清楚、内容成体系。这可以使网站给用户呈现更加清晰和简便的访

问方式,让用户更快捷地找到自己需要的东西,从而改善网站的用户浏览体验,最大限度地留住用户。

2.1.1 网站栏目结构

网站通常都是超文本和应用程序的结合体,可以点击网站上的链接访问一个应用程序或者页面,这种方法使用起来很方便、灵活,但是可能会让用户难以理解。一些大型网站由成千上万个页面组成,这些网站可能已经在混乱和欠缺规划的情况下开发了很长时间。由于很难让用户在脑海中形成网站结构模型,所以用户很容易在这样的网站中迷失,不知道自己身处什么位置。因此,清晰的网站结构非常重要,最常见的网站结构是按照层级形式创建的,以首页作为各个节点的根据。

网站的结构分为物理结构与逻辑结构两类。

1.网站物理结构

通俗地说,物理结构就是网站实际目录结构,就是由服务器上某个分区下面的文件夹和文件构成的树状目录。

不过,这里有个特例,就是非树状的物理结构,因为它根本没有文件夹的概念,相当于把网站中的所有文件都放置在根目录中。例如,如下这种方式叫作扁平式物理结构。

百度网站建设

这种网站结构只适合小型的网站使用,因为如果网站页面比较多,太多的网页文件都放在根目录下的话,查找、维护起来相当麻烦,但是这种结构对于SEO非常有利,搜索引擎更喜欢这种清晰的网站结构和简洁的URL。

规模大一些的网站,往往需要两到三层,甚至更多层级子目录才能保证正常存

储网页,这种多层级目录也叫作树状物理结构,即根目录下再细分成多个频道或目录,然后在每一个目录下面再存储属于这个目录的终极内容网页。例如,如下的示意图。

百度网站建设

采用树形物理结构的好处是维护容易,但是搜索引擎的抓取会相对困难一些。目前互联网上的网站,因为内容普遍都比较丰富,所以大多采用树形物理结构。

从给用户的体验来讲,网站的物理结构展示方式就是这样的。下面以一个常见的品牌展示与销售网站为例,讲解该网站的层次结构。网站首页用于放置最新、最热门的信息内容,是网站所有卖点的聚合,并且需要引导用户通过导航菜单访问网站中的其他栏目页面。网站频道页面是根据网站定位,对传递给用户的内容进行分类细化后的聚合页面。每个频道都有自己独特的定位,当然,它从属于网站的核心定位。网站的列表页是网站频道中某一个栏目的内容聚合页面。一般是按照时间先后顺序对内容进行排列,方便用户查找同类更多的信息。

网站的内容页也称为详情页面,这是网站层级结构中的最后一层。该网站共有3层结构,整个网站的层次结构非常清晰,方便用户查找和浏览内容。

技巧点拨

一般来说,网站的栏目层级最多不超过3层,网站导航要求清晰、合理,通过JavaScript等技术使得层级之间伸缩便利,更加利于用户浏览,也方便搜索引擎收录。

2.网站逻辑结构

逻辑结构其实就是由网站内的链接构成的一张大的网络图,网站地图一般就是比较好的逻辑结构示意,优秀的逻辑结构设计会与整个站点的树状物理结构相辅相成。

根据前辈们的一些设计经验,我们将网站的逻辑结构设计要素总结如下。

◆网站主页需要链接所有的频道主页。

◆网站主页一般不直接链接内容页面,除非是非常想突出推荐的特殊页面。

◆所有频道主页需要与其他频道主页相互链接。

◆所有频道主页都需要能够返回到网站主页。

◆频道主页也需要链接自己本身的频道内容页面。

◆频道主页一般不链接属于其他频道的内容页面。

◆所有内容页面都需要能够返回到网站主页。

◆所有内容页都需要能够返回自己的上一级频道主页。

◆内容页可以链接到同一频道的其他内容页面。

◆内容页一般不链接属于其他频道的内容页面。

◆内容页在某些情况下,可以用适当的关键词链接到其他频道的内容页面。

专家提示

优秀的网站物理结构和逻辑结构都非常出色,两者既可以重合,也可以有区分,而控制好逻辑结构也会使网站的用户体验更加优异,并且能够促进和带动整个网站的页面在搜索引擎上的权重。

百度网站建设 百度建站 百度企业建设中心首页

My title page contents

在线咨询

咨询热线:

注册后系统将分配专员联系您

在线咨询QQ:

在线客服QQ:1215917463  客服