第29节：网站页面的脚本代码和标签优化(1)

　　第5章 网站页面的脚本代码和标签优化

　　上文提到，目前主流的CMS系统从功能上说，大多具备优化的基础，对各项基础标准也有比较好的支持，推荐各站长用此建设网站。美中不足的是，这些CMS系统通常都是为大型站点设计的，对中小型站点的适应性并不是很好。另外，主流CMS在功能上过于“无所不包”，但是实际在搜索引擎优化者运作网站时，有些功能并不需要甚至必须去掉——这就要求在网站上线前，首先对网站的各种页面进行代码、标签优化。

　　本章先介绍各种常见的适合主流CMS的代码优化方法，然后用一个代码优化实例详细讲解相关方法和原则，涉及的网站案例主要是一个以宠物狗“金毛”为主题的站点。

　　5.1适合主流CMS系统的代码优化方法

　　提到页面优化，很多人可能会觉得很难上手，需要精通代码编写方法，其实对主流的CMS系统而言，因为大多采用模块化开发和封装，所以只需要简单了解一些HTML代码的编写、修改方法即可，确实不难。

　　简单地说，网页代码优化，就是代码精简和标签优化的结合。本章介绍的代码优化，其实就是对CMS系统中各种网页的HTML模板代码进行必要的调整，以提高页面的搜索引擎优化友好度。页面经过代码优化后，一方面可以有效精简网页中的多余代码，加快页面的显示速度，同时也能减少页面占用搜索引擎服务器的存储空间，提高用户体验和搜索引擎友好度；另一方面还可以有效地突出页面主体，提高页面的内容相关度、信噪比。

　　虽然搜索引擎力争和来访用户行为一致，但它的蜘蛛毕竟是机器程序，访问页面时针对的是网页的源代码。为了更好地进行搜索引擎优化，也为了更友好地支持蜘蛛的抓取和爬行，需要对网页代码进行精简，需要对网页代码中的标签进行适当的优化。

　　5.1.1网站页面代码精简的常规方法

　　代码精简原本是指清除或者简化页面中的代码，达到降低页面体积，提高页面加载速度，从而提升用户体验，提高搜索引擎友好度的目的。针对主流CMS的现状，如果是有代码编写能力的搜索引擎优化者，则可以细致地进行代码精简；如果是新手，则可以在能力允许的情况下操作，不用将过多的精力投入到代码精简中，不用刻意强求。

　　不管是针对一般的CMS系统，还是自己研发的网站程序，代码精简都是有必要性的。因为现在的程序开发往往都力争“无所不包”，恨不得在一个脚本系统中加入所有的功能，而对网站、用户、搜索引擎而言，这些功能可能并不需要，所以需要适当地进行精简。

　　页面代码的精简通常可以分为以下几个方面：

　　垃圾代码清理；

　　HTML标签转换；

　　CSS优化；

　　JS优化。

　　下面简单介绍上述各方面的典型例子。

　　垃圾代码：就是在页面中无用的代码，删除这些代码之后，对页面不会有任何影响。常见的垃圾代码一般包括各种网页制作软件在制作网页时默认生成的无用代码，比如无意义的空格、默认属性、注释语句和空语句等，如图5.1所示。

　　图5.1无用代码

　　HTML标签转换：就是从代码精简的角度，将原本的长标签替换成拥有同样功能、搜索引擎认为作用一致的短标签，比如“”和“”的作用都是加粗，但是“”比“”多5个字符。如果网页上有很多个加粗的标签，明显用“”替换“”可以起到代码精简的作用，如图5.2所示。

　　图5.2可以用替换

　　CSS优化：CSS是CascadingStyleSheet的缩写，也就是层叠样式表，是目前最常用的控制页面布局、字体、颜色、背景的技术。CSS优化主要是改变CSS的调用方式，采用DIV+CSS方式进行页面制作，以防止产生垃圾代码，减少重复代码，如图5.3所示。

　　图5.3可以采用DIV+CSS方式

　　JS优化：所谓JS，就是JavaScript的简称。在搜索引擎眼中，到目前为止，公开的说法仍然是不解析JS生成的页面或者内容，也就是说，JS对搜索引擎来说是不友好的，如果将内容放置到JS中，是无法被搜索引擎抓取的。JS优化主要是为了避免JS代码占用页面空间及重要位置，并且放置一些不希望搜索引擎看到的内容，如图5.4所示。

　　图5.4JavaScript代码

　　上面是一些典型的代码精简的例子，考虑到技术门槛，并未做过多的深入讲解。就目前来看，主流的CMS系统往往都需要进行简单的代码精简，但是如果不具备这个能力，也可以将更多的精力放到内容建设等方面去。

　　5.1.2网页标题（标签）的常规优化方法

　　标签就是大家常说的标题标签，它和、标签一起构成网页头部的三大标签。

　　标题标签内容是对网页主题的概括，相当于一篇文章的题目。一般情况下，打开一个网站，在任意页面选择“查看源文件”，都可以看到页面中的标签，而这个标签中的内容，对用户来说，就显示在浏览器的顶部，如图5.5所示。

本文摘自《实战SEO》

---

　　 实用技法与案例剖析：实战SEO 本书针对SEO细节操作、技术实施、实际案例进行了详细分析，主要包括建站前的SEO策划、网站上线前的本地SEO、上线后的SEO方法以及SEO效果监控和改进等方面，具体涉及了SEO中网站主题的确定、关键词体系构建和网站结构的规划、本地测试网站的搭建、页面脚本和标签优化、内部链接规划和设计、交互功能设计和取舍、域名和主机的选择、内容规划和更新策略、友情链接建设、链接诱饵设计、网站推广、收录监控、排名监控、流量监控、转化率分析、动态关键词体系维护等关键内容。本书适合各个行业负责网络建设、网络营销和网络品牌推广的负责人及技术人员阅读；适合喜欢搜索引擎优化的新手以及有一定SEO基础的读者阅读；适合作为SEO相关培训、课程的辅助教材。