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

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

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

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

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

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

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

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

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

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

— 垃圾代碼清理；

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

— CSS優(yōu)化；

— JS優(yōu)化。

下面簡(jiǎn)單介紹上述各方面的典型例子。

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

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

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

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

圖5.3  可以采用DIV+CSS方式

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

圖5.4  JavaScript代碼

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