代碼優(yōu)化一方面就是整理頁面的源代碼，調(diào)整代碼層次、順序，形成清晰、條理的代碼結(jié)構(gòu)，去除頁面中多余的、沒用的代碼，縮小頁面體積，從而加速用戶瀏覽頁面的速度，提高搜索引擎友好度及用戶的體驗(yàn)度；另一方面，在代碼優(yōu)化過程中，通過優(yōu)化技術(shù)的實(shí)施，提高頁面相關(guān)性。代碼優(yōu)化的主要工作包括整理代碼、優(yōu)化JavaScript、使用權(quán)重標(biāo)簽及優(yōu)化圖片。

1)整理代碼：是指去除頁面中多余的、沒用的代碼，縮小頁面體積，加快用戶瀏覽頁面的速度及提升用戶體驗(yàn)度的目的，包括：清理垃圾代碼，刪除頁面中的垃圾冗余代碼，常見的垃圾代碼包括空格、默認(rèn)屬性、注釋語句及空語句等；簡化HTML標(biāo)簽，使用短標(biāo)簽替換在網(wǎng)頁中實(shí)現(xiàn)同樣效果的長標(biāo)簽。例如<b>與<strong>，兩者都是對(duì)字體進(jìn)行加粗，但是<strong>卻比<b>多出了五個(gè)字符，如果一個(gè)頁面上有上百個(gè)加粗標(biāo)簽，則會(huì)產(chǎn)生不少的冗余代碼；css優(yōu)化，使用div+css的方式制作頁面，一方面可以防止垃圾代碼的產(chǎn)生，另一方面可以減少重復(fù)代碼，不管對(duì)于搜索引擎還是普通用戶都是非常友好的。對(duì)于搜索引擎來說，div+css制作的頁面代碼簡單、清晰、占用空間少；對(duì)于普通用戶來說，在下載頁面時(shí)，div+css方式是以<div></div>為單位，其內(nèi)容遠(yuǎn)少于表格，頁面打開時(shí)自然也會(huì)更流暢。但是目前搜索引擎并不解析css的內(nèi)容，因此css優(yōu)化主要是改變css的調(diào)用方式以及避免使用css為主要內(nèi)容定義樣式，以達(dá)到精簡頁面代碼及提高頁面相關(guān)性的目的，如把css樣式內(nèi)容放到外部文件中，使得css樣式與頁面分離，可以有效減少代碼量，而且不用占用頁面重要位置，讓搜索引擎可以優(yōu)先發(fā)現(xiàn)頁面中相對(duì)重要的內(nèi)容。同時(shí)，對(duì)頁面中重要內(nèi)容用樣式標(biāo)簽單獨(dú)定義，提高關(guān)鍵字與頁面相關(guān)性。

2)優(yōu)化JavaScript：JavaScript無論是對(duì)于普通用戶還是搜索引擎都是極不友好的，我們?cè)谝?guī)劃頁面時(shí)要盡量避免使用JavaScript，因?yàn)榈侥壳盀橹梗阉饕娌⒉唤馕鯦avaScrip生成的頁面或者內(nèi)容。如果網(wǎng)站中必須要用到的話，那么只需改變JavaScript的出現(xiàn)位置及調(diào)用方式即可。采取外部調(diào)用的方式，就是把JavaScript內(nèi)容放到一個(gè)文件里，再在頁面中調(diào)用，這樣既不占用頁面重要位置，又可精簡大量代碼，加快頁面顯示速度。

3)使用權(quán)重標(biāo)簽：權(quán)重標(biāo)簽即影響頁面權(quán)重的HTML標(biāo)簽，如標(biāo)題標(biāo)簽<h>、字體標(biāo)簽<font>、加粗標(biāo)簽<b>、下劃線標(biāo)簽<u>等。對(duì)于頁面中出現(xiàn)的關(guān)鍵字，通過使用權(quán)重標(biāo)簽加以強(qiáng)調(diào)，可以提高頁面權(quán)重，增加頁面相關(guān)性。

4)優(yōu)化圖片：搜索引擎不能識(shí)別圖片中的文本內(nèi)容，所以，對(duì)于頁面中的重要內(nèi)容，例如主關(guān)鍵字、輔關(guān)鍵字、頻道名稱、欄目名稱等，我們不能以圖片形式進(jìn)行展示。而對(duì)于圖片實(shí)施優(yōu)化，可以使用與圖片相關(guān)的關(guān)鍵字對(duì)圖片命名；設(shè)置alt屬性，alt屬性是搜索引擎較為重視的HTML屬性之一，因此在設(shè)置alt屬性時(shí)，盡量將關(guān)鍵字設(shè)置其中；在圖片周邊增加相關(guān)的內(nèi)容，這也是搜索引擎判斷圖片alt屬性真實(shí)性的重要依據(jù)之一。