好的网页设计组成结构是怎样的?

2016-07-11 15:20:00 4910 3 编辑:Monster 来源:深色多郎(腾讯微博)

要做好网站的内部优化就需要了解网站的组成结构,需要对网站整体构架有个全面的认识。本章主要介绍网页的组成结构及对优化的影响,包括网页结构简介的基础知识,网页组成的基本概念。

1、网页结构简介

网页的构架就是网页的内容格局,是创建制作页面的重点之一。合理的网站构架有助于提高搜索引擎收录的数量以及用户的体验度。

2、网页组成

设计网页时要组织好页面的基本元素,同时再配合特效,即可构成一个绚丽多彩的网页。网页的组成对象包括文本、图像和超级链接。网页主要是由导航栏、栏目及正文,这三大元素组成。网页结构的创建、网页内容的布局与规划其实都是围绕这几点而展开的。

1.导航栏

导航栏是指位于页眉区域的,在页眉横幅图片上边或下边的一排水平导航按钮,它起着链接博客的各个页面的作用。

通常情况下,WordPress平台主题里的导航栏是不允许将其链接任意定制成其他链接的,但是每当你撰写了一个新页面,导航栏就会自动多出一个指向该页面的按钮链接:网站使用导航栏是为了让访问者更加清晰明了地找到所需要的资源区域,以便寻找资源。

2.栏目

栏目是指页面中存放相同性质内容的区域,在对页面内容进行布局时,把性质相同的内容安排在页面上的同一区域,可以帮助用户快速获取所需信息,对网站内容起到非常好的导航作用。

做好网站栏目的构架能够很直观的看到整个网站的结构、涵盖的内容,也是对整个网站宏观的一个定位。像“123宠物网”这样的大型网站栏目都非常全面,因为它们的用户非常多。而中小型网站则偏重于细分化,专论某一行业或某一细分领域,但是网站栏目的策划构建同样非常重要。

3.正文

正文是指页面中的主体内容。例如一个文章类页面,正文内容就是文章本身。对于展示产品的网站,正文内容就是产品信息,其中包含文本和图像。

(1)文本

文字是网页的主体,虽然利用Flash、图形文字也可以达到同样的效果,甚至超出纯文本效果,但是网页文字的优势还是无法被取代。因为纯文本所占用的存储空间非常小。然而在页面上用同样的字体显示,会使页面过于呆板。在页面中适当调整文字的大小、颜色等,也可以改善页面的效果。

①标题

在一个网站的网页或一篇独立的文章中,通常都会有一个醒目的标题。告诉访问者这个网站的名字或该文章的主题。而现在很多网页设计者用图像或者Flash动画来代替文字标题。

②文字大小

适当地调整文字大小,可以使文字编排得更加生动活泼,达到更好的效果。

③段落

文章段落分明,有层次感,才能让访问者更好的阅读,也使得页面看起来整洁、美观、大方。

④样式

粗体、斜体和下划线是最基本的文字样式,然而在网页中不可过多地应用下划线,那样会使访问者误以为是超级链接。在页面的适当位置添加一些字体样式,会使页面更具有观赏性。

⑤字体颜色

也可以为页面上的字体添加颜色,以强调页面中的重点,使页面也变得绚丽起来。但是一定要注意颜色的搭配。在页面上也不能过多地应用颜色,太过华丽反而会引起访问者的反感。

(2)图像

图像给人的视觉效果要比文字强烈得多。灵活应用图像,在网页中可以起到点缀的效果。但是运用不当,会使网页变得凌乱不堪。Web页上的图像文字大部分都是使用JPEG和GIF格式。因为它们除了具有压缩比例外,还具有跨平台特性。无论访问者使用什么样的操作系统,都能够显示这两种图片。图像在网页中的应用主要有以下几种形式。

①图像标题

一般在网页中都要有标题,用以提示访问者这个网站是做什么的,从而起到导航的作用,应用图像标题可以使网页更加美观。

②背景

图像的另一个重要应用是作为网页的背景。网页背景千变万化,特别是一些个人网站,应用图片背景比较多。

③网页主图

网页上除了用小图像美化网页外,通常还会在网页上用一些较大的图片来突出网页主题,占满网页的整个空间。特别是主页中用主图的比较多,或者直接用图片取代文字作为超级链接按钮,可以使网页更加美观。

3、重要区域分布规律

搜索引擎对页面中每个区域的重视程度是不一样的,同样的内容出现在页面中不同的区域,所起的作用也会不同。

如“头条新闻”出现在页面的顶板或者底部,所起的作用就是完全不一样的。从用户的立场出发,普通用户在查看页面时是自上而下、自左向右地进行的。因此,页面中各区域的重要性关系是:“左上一>右上一>左一>右一>左下一>右下”,所以应将所要重点展示的内容尽量放置在左上的位置。

利用搜索引擎分析主页时,在HTML源代码中是自上而下地进行的。因此,搜索引擎更加重视接近顶板的代码。正常的情况下,HTML源代码自上而下对应页面中“左上一>右上一>左一>右一>左下一>右下”的内容。

4、网页结构类型

网页结构实际上就是对导航栏、栏目及其正文内容这三大页面的基本组成元素进行辅助性的布局。页面结构布局好之后将有助于访问者更加清晰地分析,并在网站中找到的所需资料,不仅提高了搜索引擎的友好度,同时也加深了访问者对网站的记忆,让他有再次回来观看和深度观看的想法。

1.导航型

导航型,顾名思义就是以网页导航为主的页面,根据网页的重点与次重点可分为频道导航型和内容导航型。

(1)频道导航型

频道导航型页面是以网站频道导航为主的页面,常用于频道比较多的网站首页,如导航性质的网站和目录网站。如果公司有很多种产品的类型,那么便可以设置一个频道导航,以便更好地展示公司的产品。在制作频道导航页面的时候只需要列出个频道的名称并且给其加上相应的链接即可,也可称其为锚文本,在锚文本的排列上根据大多访问者的浏览习惯应该把比较重要的放在最上面。

(2)内容导航型

内容导航型页面是以网站中相对重要的内容导航为主,内容导航型页面主要由栏目组成,常见于网站或者是频道的首页。在设置内容导航页时需要把性质或者特征相同的内容分成同一个栏目从而展示给用户,这样有助于用户轻而易举的找出所需要的内容,同样对搜索引擎有很大的帮助,可以使搜索引擎更快速的对页面进行抓取。

2.内容型

所谓的内容型就是完全由内容组成的页面,没有其他任何信息。只是单纯的对内容进行一个完整地介绍与说明的网页。在给网站进行优化的时候内容型的页面是不能选择的,因为不管是访问者还是搜索引擎,当他们浏览到这个页面的时候就已经不知道再去哪里浏览了。访问者遇到这种情况便会离开网页重新搜索想找的信息。

3.内容导航结合型

内容导航结合型主要的目的是展示内容所用,但是在展示内容的同时还增加了导航辅助,这样当一个访问者进入这个内容页面的时候,他不仅看到了所需要的内容,而且在他浏览完的时候,如果觉得这篇文章有用,那么就会通过内容页所设置的导航继续阅读其他的文章。对于搜索引擎来讲,在对内容抓取结束以后导航也会对其产生指引的效果,让其依然停留在本网站,让本网站被抓取的可能性大大提高,但是美中不足的就是内容导航结合型给搜索引擎做的指引量远远不足于导航型对搜索引擎的指引量。所以哪个类型都有自己的好处与弊端。这就需要站长根据自己网站的实际情况而定了。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通