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

2018-09-18 18:19 更新

提到頁面優(yōu)化,很多人可能會覺得很難上手,需要精通代碼編寫方法,其實對主流的CMS系統(tǒng)而言,因為大多采用模塊化開發(fā)和封裝,所以只需要簡單了解一些HTML代碼的編寫、修改方法即可,確實不難。

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

雖然搜索引擎力爭和來訪用戶行為一致,但它的蜘蛛畢竟是機器程序,訪問頁面時針對的是網頁的源代碼。為了更好地進行搜索引擎優(yōu)化,也為了更友好地支持蜘蛛的抓取和爬行,需要對網頁代碼進行精簡,需要對網頁代碼中的標簽進行適當的優(yōu)化。


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


提到頁面優(yōu)化,很多人可能會覺得很難上手,需要精通代碼編寫方法,其實對主流的CMS系統(tǒng)而言,因為大多采用模塊化開發(fā)和封裝,所以只需要簡單了解一些HTML代碼的編寫、修改方法即可,確實不難。

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

雖然搜索引擎力爭和來訪用戶行為一致,但它的蜘蛛畢竟是機器程序,訪問頁面時針對的是網頁的源代碼。為了更好地進行搜索引擎優(yōu)化,也為了更友好地支持蜘蛛的抓取和爬行,需要對網頁代碼進行精簡,需要對網頁代碼中的標簽進行適當的優(yōu)化。


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


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

不管是針對一般的CMS系統(tǒng),還是自己研發(fā)的網站程序,代碼精簡都是有必要性的。因為現在的程序開發(fā)往往都力爭“無所不包”,恨不得在一個腳本系統(tǒng)中加入所有的功能,而對網站、用戶、搜索引擎而言,這些功能可能并不需要,所以需要適當地進行精簡。

頁面代碼的精簡通??梢苑譃橐韵聨讉€方面:

— 垃圾代碼清理;

— HTML標簽轉換;

— CSS優(yōu)化;

— JS優(yōu)化。

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

— 垃圾代碼:就是在頁面中無用的代碼,刪除這些代碼之后,對頁面不會有任何影響。常見的垃圾代碼一般包括各種網頁制作軟件在制作網頁時默認生成的無用代碼,比如無意義的空格、默認屬性、注釋語句和空語句等,如下圖所示。

垃圾代碼

 — HTML標簽轉換:就是從代碼精簡的角度,將原本的長標簽替換成擁有同樣功能、搜索引擎認為作用一致的短標簽,比如“<strong>”和“<b>”的作用都是加粗,但是“<strong>”比“<b>”多5個字符。如果網頁上有很多個加粗的標簽,明顯用“<b>”替換“<strong>”可以起到代碼精簡的作用,如下圖所示。

b替換strong

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

DIV+CSS

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

JavaScript代碼

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


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號