谈起网页优化这个问题,很多人都没有什么概念,有很多的业内人士都对网页优化一无所知或者知之甚少。说起对网页优化的理解,笔者曾经去各大搜索引擎上搜索过“网页优化”一类的话题,结果都是介绍如何优化搜索引擎排名的文章,其实这只是优化概念的一个组成部分,而网页的优化工作是由很多方面的优化组成的,作为一名优秀的网页优化工作人员必须具备多方面的知识,不仅仅要掌握网站设计制作技术(包括网站架构设计、网页设计以及制作页面编写代码等等);还要掌握很多计算机方面的知识(包括电子商务、人机交互、易用性和一些相关的软件知识等等);甚至需要掌握心理学、商业运作等相关知识。
笔者认为网页的优化应该是由两个方面组成的:技术优化、人文优化(这个分类只是笔者总结的,没有人给出过具体定义)。
技术优化指的是代码的优化、目录结构的优化和针对搜索引擎的优化等等针对技术方面的优化工作,一般都是看不见摸不着的,但是会给用户带来不少方便,也会给网站带来更大的效益,技术优化有一定的模式而且需要优化的东西也比较固定、相对简单一些,只是时间问题。
人文优化指的是交互性优化、易用性优化等等针对用户使用方面的优化工作,这一部分是网站用户看得见摸得着的东西,人文优化是最花精力、最困难的,因为我们要猜测使用者的心理。下面笔者就分别对这两个方面进行解释。
技术优化
技术优化主要分为代码优化、目录结构优化和针对搜索引擎的优化三个部分。这一部分的优化工作主要是由网站开发人员测试提出方案完成的,而且有一定的规则,所以相对要简单一些。
1、代码优化。
代码优化主要解决的问题就是页面浏览速度和适应性的问题。文字和图片是构成页面的两个主要因素,所以我们的优化也要从文字和图片开始。
文字,我们在制作页面的时候,基本上都是定义好的,一般使用宋体和12px,随着代码的标准化、字体的样式大小等等的指定应该使用css样式表来完成,而现在被广泛应用的< h1 >< /h1 >、< font size=×× color=×× >< /font >等等标签都是不标准的,也会慢慢被css取代。
现在很多大型的网站包括各个门户网站像是这样不标准的问题还是广泛存在的,几乎每个页面都会有,所以css样式表是我们在优化过程中应该注意检查的问题(其实这个问题应该是在页面制作的时候就解决的)。
图片问题主要存在size过大的问题,在这里我们把图片的优化归在代码优化一部分一起介绍,而不另分一类,是因为图片优化与代码内容优化的目的是一样的。网页中一般应用两种格式的图片:jpeg和gif,这两种图片的应用很多人把握得并不是很好,jpeg适用于颜色比较多、构成比较复杂的图片(比如一些照片、渐变颜色等等),gif适用于颜色比较少、构成比较简单的图片(比如网站的logo、大的色块构成的图片等等)。
Gif图片尤其要注意导出的时候选择颜色、数目,这样也会达到很好的减小尺寸的效果。对于一些比较大的图片,我们还可以将它切割成比较小的图片进行拼接,这样也可以提高网页的下载速度。减小网页size、提高网页下载速度,还有一种简易的方法就是使用一些网页减肥的小工具,我们可以去下载一些这样的工具:他们可以使你的网页缩小20%-50%,达到事半功倍的效果。
表格是页面最重要的排版方式,在浏览器读取网页代码的时候,必须读完一个完整的table才会显示出来,如果一个大的table里边含有很多小的table,那么浏览器会在读完整个大的table后才将整个的内容显示出来。我们在浏览一些页面的时候经常会出现页面半天才会显示出来,最后实在等不及了按了“停止”按钮,页面一下子显示出来了,这就是在一些小的table外边嵌套了一个大的table,而小table已经读完了,就是还没读完整个的table,所以浏览器不会显示,这样会大大减慢页面浏览速度。
因此我们要尽量减少表格层次,尽量避免将一些小的表格嵌套在大的表格中间。还应该注意的是:在使用dreamweaver制作网页时,经常会出现很多垃圾代码,注意检查删除一些没有用的代码。网页的适应性就是在不同系统、不同浏览器和不同分辨率的适应能力。要注意的是分辨率,应该最低照顾到800×600的用户(分辨率800×600的显示尺寸780×428、分辨率1024×768的显示尺寸1007×600),所以页面最宽不要超过780,一定不要让用户横向拖页面。
2、目录结构优化。
现在很多网站都将所有的页面零散的放在同一个文件夹下而没有分类,这样做虽然可以,但是会对以后的维护等工作带来很大的麻烦。笔者建议应该是建立一个大文件夹,里边包括各个频道的文件夹、网页页面图片文件夹、网页内容图片文件夹等一个一个的单独类别的文件夹,使得在维护时候可以方便的找到每一个页面的具体位置。
3、针对搜索引擎的优化。
搜索引擎优化是很多人都知道的一种优化项目,也是完整的优化工作必不可少的一个步骤。
“关键字”在搜索引擎这个话题里是一个核心的字眼,几乎所有的针对搜索引擎优化问题都是围绕着“关键字”展开的。有很多人盲目的追求在网页中处处体现关键字,觉得这样就会更容易被搜索引擎搜到,其实这样做并不一定合适。
比如前一阵子流行过的“鬼影秘笈”,方法就是用和网页背景相同的颜色在页面中隐藏了很多关键字,很多人现在还在用这个方法,但是随着搜索引擎功能越来越强大,这个方法已经不那么好用了,甚至会起到反作用。“关键字”的体现要合理,比如我们可以制作一个“网站导航”的页面,网站导航页面会淋漓尽致的体现各个关键字,这个页面不但方便用户使用,也会更容易的被搜索引擎找到,从而起到事半功倍的作用。
随着搜索引擎都有了图片搜索功能,网页里边的图片也是体现关键词的好地方,在页面里边加入图片后,千万别忘记给图片起一个“名字”(如:< IMG src=http://youhua.tui18.com/200903/"/article/UploadPic/2005-11/2007427232640943.gif" WIDTH="100" HEIGHT="100" BORDER=0 ALT="图片名称" >),我们给图片的名称就可以是关键字。