第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相關培訓、課程的輔助教材。