网站页面优化，就是通过对一个网站的页面进行代码、关键词、内容等的修改，使其在被搜索引擎排位时更具优势。跟整站优化相比较，网页仅是其中之一，也是最基础的那一部分。网页优化的方面有很多，可以归纳为代码优化、标签优化、图片优化、音频优化等。

4.1.1　代码优化

1.Div+CSS布局

Div+CSS的网站结构对网站优化起到的作用越来越明显，研究现在排名靠前的一些热门关键词网站，基本都是用Div+CSS了。主要原因有以下几方面。

(1)采用这种结构后HTML页面里基本只有文字或图片信息，而样式则放在CSS里面，这样搜索爬虫就不会顾忌CSS，只需采集HTML里的内容，大大提高爬虫的效率。

(2)采用这种结构往往关键词更集中，密度更高。

(3)Div+CSS相对于table来说比较精简，而且基本不存在“表格嵌套”的问题。

(4)符合W3C标准的网页在SEO优化方面本身就有优势，更得搜索引擎蜘蛛的喜爱。

2.减少JavaScript代码使用

搜索引擎蜘蛛处理的是文本文件，对页面源代码中没有出现的内容则看不到。用户的行为或者其他事件之后才获取并嵌入到页面上的动态内容和链接不能被搜索引擎看到。网页中大量的JavaScript将影响蜘蛛对页面的抓取和增加网页体积，延迟网页打开速度，直接影响用户体验。在优化过程中，要尽量减少JavaScript代码的运用，减少统计代码数量。对于必须要放置的JavaScript代码，要尽量放到网站的底部，先加载正文，再加载JavaScript代码。

3.清理垃圾代码

清理垃圾代码是精简代码的其中一个重要的环节，垃圾代码就是删除后不会影响页面显示的非必要的代码，一个页面在清理垃圾代码后，可以删除近80%的冗余代码。从而达到降低页面体积，提高页面的用户体验和搜索引擎友好性的目的。常见的垃圾代码有空格、默认属性、注释语句和空句子。

(1)空格字符。空格字符是在编辑代码时敲击键盘上的空格键而所产生的符号，网页中的每一个空格都算作一个字符，通常出现在每行代码的开始出和结束处，还有空行中。

(2)默认属性。我们在使用网页制作软件时，都会产生一些默认属性的代码。比如，我们在网页中不添加左对齐的属性，但是页面中的内容也是左对齐显示的，所以代码中的左对齐属性代码可以删除，常见的默认属性有：align="left";size="3";target="_self"等。

(3)注释语句。在制作网页时，我们会添加一些注释语句来增强代码的可读性，但是过多的注释语句会占用大量的网页空间，而且如果注释语句中存在大量的关键字，还会被搜索引擎认为是堆砌关键字，从而对网站惩罚。所以，在添加注释语句时，要尽量避免添加那些即使删除后也不会影响网页源代码可读性的注释语句。

(4)空语句。清理垃圾代码的最后一步是删除空语句，空语句是指标签间不存在任何内容的语句。

4.1.2　标签优化

1.标题标签

在网站当中标题关键词是最为重要的，然而在标签当中标题标签也很重要，一个好的标题可以很简洁有效地表达概括出一个网页的内容。那么对于标题的布局而言，网名就一定要采用完整匹配，也可以采用分词匹配，这样的效果在标题优化当中都是很不错的。

2.关键词密度

对于不同的搜索引擎而言关键词密度也是不一样的，所以这点在优化当中往往都被忽略，并且也不在作为搜索引擎给予一个好排名的重要因素，只要大家合理地掌握关键词的密度，一般都不会因此造成一些不必要的祸端。

3.描述标签

描述标签在网站担任着一种类似于人们在应聘一些工作时候的自我介绍，并且可以给用户提供一些内容阅读的重要标签之一。它的作用主要就是概括站点内容让用户了解，并使用户在搜索引擎搜索某些关键词时看到网站域名上方的一段描述，还有就是给搜索引擎一个参考，还可以引导SE和UE的一个重要路标。所以要充分体验描述标签的重要性，我们在描述时一定要简单明了，字数一定要在搜索结果范围之内。

4.H标签

H标签(Heading标签)在站长优化标题关键词时用到的最多、最为常见，效果也是不错的。在H标签当中权重依次为H1H2H3……它的好处就是便于搜索引擎快速地掌握内容的大概含义，从而凸显内容当中最为重要的关键词，然后授予最高的权重。

5.Strong标签，Em标签，U标签

对于网站而言，Strong标签、Em标签、U标签这三种标签的作用非常类似，它们都是对网页内容当中的重要关键词来进行突出，使搜索引擎更为重视从而达到目的。

4.1.3　图片优化

1.图片相关性

图片的相关性非常重要，虽然目前百度无法完全识别和评估其相关程度，但是对于用户体验而言，相关性一直被认为是图片优化技巧过程中的重点。不合理的图片、不相关的图片不仅不能给文章内容增添色彩，反而会让用户失去对网站信任，产生被欺骗的感觉，这直接影响到浏览深度以及再次访问。在丧失一部分用户的同时，网站流量也会面临另一种危机。

2.图片名

由于搜索引擎蜘蛛不能读取图片内容，但能读取图片名称相关文本信息，所以在保存图片名称时，要确保图片文件名或IMG　SRC字符串包含主要关键词。例如，一张熊猫的图片，可以随意命名，但是最好将其命名为xiongmao.jpg或者panda.jpg，其SRC　URL字符串中就包含了这张图片的关键词信息，如http://www.zoo.com/xiongmao.jpg，或者http://www.zoo.com/panda.jpg。

3.Alt标签

图片中存在的信息若想让搜索引擎更好地理解，必须利用Alt属性，图片的Alt属性是对图片信息进行简要阐述。Alt属性非常重要，必须做到与图片相关、与内容相关，且需要避免为了关键词堆砌而堆砌。该属性不仅能够让搜索引擎更好地理解，同时若图片出现错误时，也能够让用户了解其图片想要展示的主题。

4.优化图片大小

如果网站不是用于专业的图片展示，那只要满足普通视觉效果就可以了。以此为前提，可以将图片尺寸调整为刚好契合网页图片框所需，另外可以利用photoshop，将图片存储为web所用格式。

根据用图需要，调整图片的品质程度，然后存储，达到所需的图片大小，有利于网页的快速打开。当然，前提一定是要图片清晰，毕竟，视觉效果不佳的图片，没有人愿意点击。

5.图片水印

在图片上加上水印并不是什么困难的事情，批量加水印也很容易，现在很多图片软件都有这项功能。将水印中植入网站网址或以logo形式出现，即使图片被其他人使用，只要水印未被处理，无形中依然在对网站进行宣传。

4.1.4　音频优化

在网站建设中，音频可以作为网站背景音乐或者网站动画特效等使用。现行的音频格式有很多种，大家应了解各种格式的区别，根据网站的特色和需要，为音频选择合适的格式。常用的音频格式主要有以下几种。

1.MP3格式

MP3格式的音频文件最大的特点就是能以较小的比特率，较大的压缩比达到近乎完美的CD音质。CD是以1.4MB/S的数据流量来表现其优异的音质的。而MP3仅需要112KB/S或128KB/S就可以达到逼真的CD音质。所以，可以用MP3格式对W**格式的音频文件进行压缩，既可以保证音质效果，也达到了减小文件容量的目的。

2.MIDI格式

这种格式一般用于器乐类的音频文件。许多浏览器都支持MIDI格式的文件夹，并且不要求安装插件。尽管其声音品质非常好，但根据声卡的不同，声音效果也会有所不同。较小容量的MIDI文件也可以提供较长时间的声音剪辑。

3.W**格式

W**格式的音频文件具有较好的声音品质，许多浏览器都支持此格式，并且不要求安装插件。可以利用CD、磁带、麦克风等获取自己的W**文件。但是，W**文件容量通常较大，严格限制了在Web页面上使用的声音剪辑的长度。

4.AIF格式

与W**格式类似，AIF格式的音频文件也具有较好的声音品质，大多数浏览器都支持该格式，并且不要求安装插件。也可以从CD、磁带、麦克风等获取AIF文件。但是，该格式文件夹的容量通常也较大。

4.1.5　FLASH优化

Flash可以让平静的网页生动活泼，能很好地吸引来访者的眼球，让客户记住网站。但是，目前的搜索引擎蜘蛛还不能识别它。所以，在使用Flash时要进行优化，扬长避短，使之在不影响搜索的前提下为网站添彩。通常用以下两种方法来实现。

1.建一个辅助的HTML文件

保留原有的Flash版本，再建立一个不含有Flash的纯文字HTML页面，将所有的链接都链到原来的Flash网页上，这样搜索引擎虽然不抓取Flash，但是可以收录HTML页面，通过HTML页面来让搜索引擎蜘蛛抓取Flash页面。

2.将Flash内嵌HTML文件

这种方法是通过改变网页结构进行弥补。不要将整个网页都设计成Flash形式，而是将Flash内容嵌入到HTML文件中，搜索引擎也可以从网页的title、keywords、description　等代码中发现一些主要的信息来收录网站。即使首页全部使用了Flash，也应该将进入页面的关键词按钮链接置于Flash文件之外，以独立的纯文本链接方式加以呈现。