代碼優(yōu)化是頁面優(yōu)化的一個(gè)重要環(huán)節(jié)，也是頁面優(yōu)化的基礎(chǔ)，但一直得不到人們的重視。為了讓讀者能從基礎(chǔ)出發(fā)對(duì)頁面進(jìn)行優(yōu)化，本書把“代碼優(yōu)化”作為一個(gè)獨(dú)立的章節(jié)進(jìn)行介紹。
  代碼優(yōu)化簡介
 
代碼優(yōu)化就是對(duì)網(wǎng)頁中的HTML 源代碼進(jìn)行必要的調(diào)整以提高頁面的友好性。頁面經(jīng)過代碼優(yōu)化后，一方面，可以有效精簡頁面中的冗余代碼，加快頁面的顯示速度，同時(shí)也降低頁面占用搜索引擎服務(wù)器的儲(chǔ)存空間，從而提高頁面的用戶體驗(yàn)及搜索引擎友好性；另一方面，還可以有效地突出頁面的主題，提高頁面的相關(guān)性。
 
代碼優(yōu)化的主要工作包括：“精簡代碼” “頭部優(yōu)化” “權(quán)重標(biāo)簽使用”及“圖片優(yōu)化”。在這四
個(gè)環(huán)節(jié)中，“精簡代碼”是最基礎(chǔ)、最根本的。
 
 精簡代碼
 
精簡代碼是指清除或者簡化頁面中的代碼，從而達(dá)到降低頁面體積，提高頁面的用戶體
驗(yàn)及搜索引擎友好性的目的。

頁面代碼的精簡包括：“清理垃圾代碼” “HTML 標(biāo)簽轉(zhuǎn)換” “CSS 優(yōu)化” “JS 優(yōu)化”及“表格優(yōu)化”五大環(huán)節(jié)。其中，“清理垃圾代碼”又是“精簡代碼”中最重要、最基礎(chǔ)的。
 
 清理垃圾代碼

清理垃圾代碼是指刪除頁面中的冗余代碼。一個(gè)頁面經(jīng)過垃圾代碼清理后，可以刪除接近 80%的冗余代碼。然而，什么樣的代碼才是垃圾代碼呢？
 
1.  垃圾代碼簡介
 
垃圾代碼就是指那些在刪除的情況下也不會(huì)影響頁面正常顯示的非必要代碼。這些代碼占據(jù)著龐大的空間，不但耗費(fèi)用戶下載頁面的時(shí)間，還占用搜索引擎巨大的儲(chǔ)存空間及增加搜索引擎分析數(shù)據(jù)的時(shí)間。然而，這么龐大的垃圾代碼是如何產(chǎn)生的呢？

2.  垃圾代碼的產(chǎn)生
 
一般情況下，我們會(huì)使用網(wǎng)頁制作軟件制作網(wǎng)頁，如：Fontpage，Word  及  Dreamweaver。這些網(wǎng)頁制作軟件在制作網(wǎng)頁時(shí)，會(huì)生成相應(yīng)的 HTML 代碼，其中大部分是必須的，而有一小部分則是可有可無，這就是所謂的垃圾代碼。因此，避免產(chǎn)生垃圾代碼的最好辦法就是以手工編寫代碼的方式制作網(wǎng)頁。
 
即使是同樣內(nèi)容的網(wǎng)頁，使用不同的網(wǎng)頁制作軟件進(jìn)行制作，所產(chǎn)生的代碼也會(huì)存在很大的區(qū)別。例如：對(duì)于包含以下內(nèi)容的網(wǎng)頁：“我做的第一個(gè)網(wǎng)頁”  使用 Word 制作會(huì)產(chǎn)生 103 行代碼，共 2.96  K 的內(nèi)容；Fontpage 則產(chǎn)生 17 行代碼，共 308  字節(jié)內(nèi)容；而使用 Dr
eamweaver 只產(chǎn)生 12 行代碼，275 的字節(jié)的內(nèi)容。
 
Word

如下所示是使用 Word 制作網(wǎng)頁時(shí)所產(chǎn)生的 HTML 代碼，代碼中包含了作者、版本、建立日期、最新更新日期、公司名稱等標(biāo)簽及內(nèi)容，其中絕大部分內(nèi)容不管是對(duì)普通用戶還是搜索引擎都毫無意義的。
 
Fontpage
 
如下所示是使用 Fontpage 制作網(wǎng)頁時(shí)所產(chǎn)生的 HTML 代碼。盡管比較簡潔，但還是存在一些可有可無的標(biāo)簽及內(nèi)容，例如：Generator（生成器）及 Progid 等。

Dreamweaver

使用 Dreamweaver 制作的頁面所產(chǎn)生的代碼是這三者中最簡潔的。但是，卻缺少一些非常重要的標(biāo)簽及內(nèi)容，例如：“Description”及“Keywords”標(biāo)簽。 從上面例子中，我們可以看到使用 Dreamweaver 制作網(wǎng)頁時(shí)所產(chǎn)生的代碼量是最少的。因此，在沒有掌握手工編寫代碼前，我們可以使用 Dreamweaver 制作網(wǎng)頁，完成后再清理其中的垃圾代碼。
 
盡管不同的軟件制作網(wǎng)頁時(shí)所產(chǎn)生代碼會(huì)存在很大的差別，但有一部分代碼是共有的，包括垃圾代碼。
 
3.  垃圾代碼的清理

從上面的幾個(gè)例子中，我們可以看到網(wǎng)頁制作軟件產(chǎn)生的常見垃圾代碼包括：空格、默認(rèn)屬性、注釋語句及空語句等。
 
（1）空格
 
空格字符是網(wǎng)頁中最常見的垃圾代碼。但此處討論的空格字符并非 HTML 語言中的“ ”標(biāo)簽，而是指在代碼編緝環(huán)境下敲擊鍵盤上的空格鍵所產(chǎn)生的符號(hào)。網(wǎng)頁中每個(gè)空格都相當(dāng)于一個(gè)字符，因此，空格字符也會(huì)占用巨大的空間。初步統(tǒng)計(jì)，空格字符約占頁面總體積的 1.5%。也就是說，一個(gè) 100K 的頁面中，其中 1.5K 是空格字符。

空格字符通常會(huì)出現(xiàn)在每行代碼的開始、結(jié)束處，還有就是空行中，清理空格字符

頁面不同位置上的空格字符，其清理的方式也有所不同，下面向讀者介紹幾種常用的空格字符清理方法：
 
1）  每行代碼開始前的空格字符
對(duì)于每行代碼開始前的空格字符，我們可以使用 Dreamweaver  或者 EditPlus 等軟件進(jìn)
行清理。具體操作步驟如下：

1．  轉(zhuǎn)至 HTML 代碼編緝模式（如果是 Dreamweaver）；
2．  “Ctrl  +  A”  選擇全部代碼；
3．  使用組合鍵“Shift  +  Tab”  直至刪除所有空格為止。

2）  空行
 
對(duì)于空行中空格字符的清理，我們只能手工逐行去掉

1．  首先，使用鼠標(biāo)選擇空行；
2．  再按“Delete”鍵，即可刪除空行。

（3）注釋語句
 

注釋語句是用于對(duì)代碼功能或作用進(jìn)行說明的語句，注釋語句里的內(nèi)容對(duì)于普通用戶來
說是不可見的。即普通用戶在頁面中是看不到 HTML 代碼中注釋標(biāo)簽里的內(nèi)容。
 

在制作網(wǎng)頁時(shí)，我們或多或少會(huì)添加注釋語句以增強(qiáng)代碼的可讀性。但是，過多的注釋
語句會(huì)占用大量的空間。不僅如此，如果在注釋標(biāo)簽里添加大量的關(guān)鍵字，還會(huì)被搜索引擎
認(rèn)為是堆砌關(guān)鍵字，從而對(duì)網(wǎng)站進(jìn)行懲罰
所以，在添加注釋語句時(shí)，我們要堅(jiān)守一個(gè)原則：“絕不添加那些即使刪除后也不會(huì)影響
網(wǎng)頁源代碼可讀性的注釋語句?！崩纾阂韵麓a中的注釋內(nèi)容就是完全可以省略的：

<table  width="100%"   border="0"  cellspacing="0"  cellpadding="0"><!--表格開始標(biāo)
簽-->
<tr><!--行開始標(biāo)簽-->
<td>&nbsp;</td>
</tr><!--行結(jié)束標(biāo)簽-->
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table><!--表格結(jié)束標(biāo)簽-->

（4）空語句
 

垃圾代碼清理的最后一步就是刪除代碼中的空語句。簡單地說，空語句就是指標(biāo)簽間不存在任何內(nèi)容的語句。例如：“<p></p>”就是一個(gè)典型的空語句空語句的清理主要是針對(duì)那部分即使刪除后也不會(huì)影響頁面正常顯示的標(biāo)簽，如：<b></b>，<font></font>，<h1></h1>等。但有一部標(biāo)簽是不能刪除的（如：<tr>、<td>），否則頁面將會(huì)出現(xiàn)錯(cuò)亂。 
 我們可以使用網(wǎng)頁制作軟件提供的特定功能對(duì)代碼中的空語句進(jìn)行清理，例如：Drea
mweaver 的“清理 HTML/XHTML”功能就可以快速清理頁面中的空語句，如下圖  5  -6 所示。

1．  點(diǎn)擊菜單欄中的“命令”
2．  選擇“清理 HTML”
3．  根據(jù)需要選擇相應(yīng)的選項(xiàng)，然后按“確定”即可。
手工編寫 HTML 代碼是搜索引擎優(yōu)化從業(yè)者必須具備的基本技能。如果讀者已經(jīng)具備
手工編寫 HTML 代碼的能力，就應(yīng)該優(yōu)先采用手工編寫代碼的方式制作網(wǎng)頁。 
 而對(duì)于 HTML 語言不熟悉的讀者，也可以在網(wǎng)頁制作完成后再對(duì)垃圾代碼進(jìn)行清理。
隨著網(wǎng)頁制作工具不斷的改進(jìn)，以前很多需要手工清理的工作，現(xiàn)在都可以用特定的軟件代替。例如：Dreamweaver 或者  Advanced  HTML  Optimizer。
(seo入門專題教程不斷更新中:http://theartemis.cn/Special/seo/)

• 優(yōu)化
• 搜索引擎