网络营销教程—seo第13章网站技术重构

　　张栋伟

　　1摒弃框架

　　框架结构是指利用将一个网页分为若干个窗口，这样可以在一个页面上展示几个不同内容的网页，例如将菜单和网页内容放到两个框架中，这样当拉动网页内容的滚动条时，菜单部分的网页可以保持固定不动，为浏览网页带来方便。另外，对于一些内容较少的网站，利用框架结构也使得网页布局看起来更加丰富。

　　但从网络营销需要的角度而言，尤其是出于搜索引擎优化方面的考虑，最好不要使用框架结构的网页设计，或者要进行特别处理，以便适应搜索引擎的检索规则。框架结构的主要问题在于不能为每个网页都设置一个标题，更为糟糕的是，有些搜索引擎对框架结构的页面不能正确处理，会影响到搜索结果的排列名次。所以一般情况下，尽可能不采用框架结构。现在一般网站都是采用表格定位的网页设计

　　2优化你的css，减少服务器的消耗

　　问什么是css?

　　css是cascadingstylesheets（层叠样式表）的缩写。他由三个部分构成:选择符(selector)，属性(properties)和属性的取值(value)。一张网页可以有2种方式调用层叠样式表。一种是本网页内部调用，一种是本网页外部调用。本网页内部调用可以提高服务器的使用效率，每位浏览者只需要占用一个响应线程就可以实现样式表的定位。而外部调用是.css文件复用的一种方法。当用户浏览时下载完一遍css文件，在浏览同模板生成的网页就不用再次下载，有效的减小了网页文件大小。在服务器系统资源不宽裕的情况下，网站的首页一般使用本网页内调用，而内容页往往使用外部调用。而这种节省资源的方法到目前为止，依然被大量网站所使用，例如新浪网的首页由于浏览量过大，为了节省带宽就是采用了内部调用css文件的方法。

　　3javascript的复用

　　javascript是一种由netscape的livescript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是netscape的浏览器navigator加入了javascript，提供了数据验证的基本功能。javascript的正式名称是"ecmascript"。这个标准由ecma组织发展和维护。ecma-262是正式的javascript标准。这个标准基于javascript(netscape)和jscript(microsoft)。netscape(navigator2.0)的brendaneich发明了这门语言，从1996年开始，已经出现在所有的netscape和microsoft浏览器中。ecma-262的开发始于1996年，在1997年7月，ecma会员大会采纳了它的首个版本。在1998年，该标准称为了国际iso标准(iso/iec16262)。这个标准仍然处于发展之中。一个javascript程序其实是一个文档，一个文本文件。它是嵌入到html文档中的。所以，任何可以编写html文档的软件都可以用来开发javascript。在此我推荐大家用frontpage2000附带的microsoft脚本编辑器（在frontpage菜单工具宏microsoft脚本编辑器）。它是个像visualbasic/c++一样的程序开发器，能对正在输入的语句作出简要提示。配合frontpage2000，使工作量大大减少。在搜索引擎优化工作中，javascript同样起着复用.js文件的作用，善于使用.js文件能大大节省网站系统资源。

　　4flash的设计

　　flash由macromedia公司推出的交互式矢量图和web动画的标准。网页设计者使用flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。但是很可惜到目前为止基本没有任何一款搜索引擎能够识别他。换句话说就是入门网站首页是flash制作的，那网站内的所有内容搜索引擎都将不能收录。搜索引擎还不能分析出flash文件内的链接。但是关于flash设计优化可以从以下两个方面来考虑：1、做一个辅助html版本：保留原有flash版本的同时，还可以设计一个html格式的版本，也可以让搜索引擎通过html版本的网页来发现整个网站。2、将flash内嵌html文件：通过改变网页结构进行弥补，不要将整个网页都设计成flash动画，而是将flash内容巧妙的嵌入到网页的设计中，这样搜索引擎也可以从网页代码中得到有效的链接结构，例如页面上的文字链接。

　　5图片的技术优化

　　图片的优化主要指的2个方面：

　　a图片下载的优化，有过上网经验的人都知道浏览网页上的大体积图片经常会显示不完整。所以大图片应该裁剪成若干个小图片拼接在网页页面上,就像儿童玩的拼图一样。

　　b图片标签的优化，这个是站长最容易忽视的细节。例如

　　<imgsrc="..//page/images/2.gif"width="230"height="60">

　　这是一行关于调用图片的代码，一张图片对浏览者来说想要分辨上面的内容是轻松的。可是对搜索引擎来讲，当下的计算机技术还不能完成。追溯到w3c建立规范之初的年代，各国互联网建设还都很薄弱，拿我国来说90年代末网民依然在使用“猫”上网。低速的带宽不得使众多网民在浏览器设置上屏蔽显示图片。要想知道图片上的内容就要参照图片下的文字注释。现在对网页优化的工作中，正好就是运用了这点，对每张图片加以注释。在这里与其说seo工作者在利用这点做优化，倒不如说搜索引擎在模拟人类的实际使用习惯。（这里出于实用性考虑，暂不涉及盲人用户的使用）所以新的图片代码如下

　　<imgalt="赵本山《火炬手》"src="..//page/images/2.gif"width="230"height="60">这样就轻松表明了图片的含义，使搜索引擎抓能够取到有用的信息。

　　（图13-1）按照搜索引擎的“眼睛”，他看到的网页是这个样子的。作为一名seo工作者，应该拥有一双跟搜索引擎一样的眼睛。

　　6动态网页静态化

　　动态网页是与静态网页相对应的，也就是说，网页url的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”，如有这样一个动态网页的地址为:http://www.pagehome.cn/ip/index.asp?id=1&q=3这就是一个典型的动态网页url形式。

　　这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。

　　从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。动态网页的一般特点简要归纳如下:

　　(1)动态网页以数据库技术为基础，可以大大降低网站维护的工作量;

　　(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等;

　　(3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页;

　　但是众多优点的动态网页技术对于搜索引擎来说这个却充满挑战。搜索引擎的爬虫程序在服务器的内存中爬行，很容易进入动态网页链接的死循环中，导致不能正常遍历全部网页，严重影响网站收录量。同时在抓取到的网页中也会产生大量重复的页面，在搜索引擎看来同内容不同url地址的网页本身就是一种对排名作弊的行为，从而产生对网站的不信任。

　　关于这个问题现在已经有了比较好的解决办法。1通过对程序的改造是网站全部动态页面静态话。2通过程序的改造生成实时更新的伪静态网页。这些可以由技术人员完成，对于编程技术不熟悉的读者，可以选择本书推荐的那些已经静态话的cms系统。