上文提到，目前主流的CMS系統(tǒng)從功能上說，大多具備優(yōu)化的基礎(chǔ)，對(duì)各項(xiàng)基礎(chǔ)標(biāo)準(zhǔn)也有比較好的支持，推薦各站長用此建設(shè)網(wǎng)站。美中不足的是，這些CMS系統(tǒng)通常都是為大型站點(diǎn)設(shè)計(jì)的，對(duì)中小型站點(diǎn)的適應(yīng)性并不是很好。另外，主流CMS在功能上過于“無所不包”，但是實(shí)際在搜索引擎優(yōu)化者運(yùn)作網(wǎng)站時(shí)，有些功能并不需要甚至必須去掉——這就要求在網(wǎng)站上線前，首先對(duì)網(wǎng)站的各種頁面進(jìn)行代碼、標(biāo)簽優(yōu)化。

本章先介紹各種常見的適合主流CMS的代碼優(yōu)化方法，然后用一個(gè)代碼優(yōu)化實(shí)例詳細(xì)講解相關(guān)方法和原則，涉及的網(wǎng)站案例主要是一個(gè)以寵物狗“金毛”為主題的站點(diǎn)。

  5.1  適合主流CMS系統(tǒng)的代碼優(yōu)化方法

提到頁面優(yōu)化，很多人可能會(huì)覺得很難上手，需要精通代碼編寫方法，其實(shí)對(duì)主流的CMS系統(tǒng)而言，因?yàn)榇蠖嗖捎媚K化開發(fā)和封裝，所以只需要簡單了解一些HTML代碼的編寫、修改方法即可，確實(shí)不難。

簡單地說，網(wǎng)頁代碼優(yōu)化，就是代碼精簡和標(biāo)簽優(yōu)化的結(jié)合。本章介紹的代碼優(yōu)化，其實(shí)就是對(duì)CMS系統(tǒng)中各種網(wǎng)頁的HTML模板代碼進(jìn)行必要的調(diào)整，以提高頁面的搜索引擎優(yōu)化友好度。頁面經(jīng)過代碼優(yōu)化后，一方面可以有效精簡網(wǎng)頁中的多余代碼，加快頁面的顯示速度，同時(shí)也能減少頁面占用搜索引擎服務(wù)器的存儲(chǔ)空間，提高用戶體驗(yàn)和搜索引擎友好度；另一方面還可以有效地突出頁面主體，提高頁面的內(nèi)容相關(guān)度、信噪比。

雖然搜索引擎力爭和來訪用戶行為一致，但它的蜘蛛畢竟是機(jī)器程序，訪問頁面時(shí)針對(duì)的是網(wǎng)頁的源代碼。為了更好地進(jìn)行搜索引擎優(yōu)化，也為了更友好地支持蜘蛛的抓取和爬行，需要對(duì)網(wǎng)頁代碼進(jìn)行精簡，需要對(duì)網(wǎng)頁代碼中的標(biāo)簽進(jìn)行適當(dāng)?shù)膬?yōu)化。

5.1.1  網(wǎng)站頁面代碼精簡的常規(guī)方法

代碼精簡原本是指清除或者簡化頁面中的代碼，達(dá)到降低頁面體積，提高頁面加載速度，從而提升用戶體驗(yàn)，提高搜索引擎友好度的目的。針對(duì)主流CMS的現(xiàn)狀，如果是有代碼編寫能力的搜索引擎優(yōu)化者，則可以細(xì)致地進(jìn)行代碼精簡；如果是新手，則可以在能力允許的情況下操作，不用將過多的精力投入到代碼精簡中，不用刻意強(qiáng)求。

不管是針對(duì)一般的CMS系統(tǒng)，還是自己研發(fā)的網(wǎng)站程序，代碼精簡都是有必要性的。因?yàn)楝F(xiàn)在的程序開發(fā)往往都力爭“無所不包”，恨不得在一個(gè)腳本系統(tǒng)中加入所有的功能，而對(duì)網(wǎng)站、用戶、搜索引擎而言，這些功能可能并不需要，所以需要適當(dāng)?shù)剡M(jìn)行精簡。

頁面代碼的精簡通常可以分為以下幾個(gè)方面：

— 垃圾代碼清理；

— HTML標(biāo)簽轉(zhuǎn)換；

— CSS優(yōu)化；

— JS優(yōu)化。

下面簡單介紹上述各方面的典型例子。

— 垃圾代碼：就是在頁面中無用的代碼，刪除這些代碼之后，對(duì)頁面不會(huì)有任何影響。常見的垃圾代碼一般包括各種網(wǎng)頁制作軟件在制作網(wǎng)頁時(shí)默認(rèn)生成的無用代碼，比如無意義的空格、默認(rèn)屬性、注釋語句和空語句等，如圖5.1所示。

— HTML標(biāo)簽轉(zhuǎn)換：就是從代碼精簡的角度，將原本的長標(biāo)簽替換成擁有同樣功能、搜索引擎認(rèn)為作用一致的短標(biāo)簽，比如“<strong>”和“<b>”的作用都是加粗，但是“<strong>”比“<b>”多5個(gè)字符。如果網(wǎng)頁上有很多個(gè)加粗的標(biāo)簽，明顯用“<b>”替換“<strong>”可以起到代碼精簡的作用，如圖5.2所示。

圖5.2  可以用<b>替換<strong>

— CSS優(yōu)化：CSS是Cascading Style Sheet的縮寫，也就是層疊樣式表，是目前最常用的控制頁面布局、字體、顏色、背景的技術(shù)。CSS優(yōu)化主要是改變CSS的調(diào)用方式，采用DIV+CSS方式進(jìn)行頁面制作，以防止產(chǎn)生垃圾代碼，減少重復(fù)代碼，如圖5.3所示。

圖5.3  可以采用DIV+CSS方式

— JS優(yōu)化：所謂JS，就是JavaScript的簡稱。在搜索引擎眼中，到目前為止，公開的說法仍然是不解析JS生成的頁面或者內(nèi)容，也就是說，JS對(duì)搜索引擎來說是不友好的，如果將內(nèi)容放置到JS中，是無法被搜索引擎抓取的。JS優(yōu)化主要是為了避免JS代碼占用頁面空間及重要位置，并且放置一些不希望搜索引擎看到的內(nèi)容，如圖5.4所示。

圖5.4  JavaScript代碼

上面是一些典型的代碼精簡的例子，考慮到技術(shù)門檻，并未做過多的深入講解。就目前來看，主流的CMS系統(tǒng)往往都需要進(jìn)行簡單的代碼精簡，但是如果不具備這個(gè)能力，也可以將更多的精力放到內(nèi)容建設(shè)等方面去。