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

2018-09-18 18:19 更新

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

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

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


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


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

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

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


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


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

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

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

— 垃圾代码清理;

— HTML标签转换;

— CSS优化;

— JS优化。

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

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

垃圾代码

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

b替换strong

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

DIV+CSS

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

JavaScript代码

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号