seo優化代碼的必讀，教你給網頁完美瘦身！

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

每個seo都應該熟練掌握網頁代碼優化，因為搜尋引擎和人不一樣，它們不是用眼睛去看，而是通過代碼去分析網頁。 尤其對中大型網站，站內代碼優化工作在很大程度上影響著seo的工作成果。 今天，seo奇兵就分享幾個網頁代碼優化的心得給大家。

1、清除代碼中垃圾代碼，例如：無意義的空格、預設屬性、注釋語句和空語句等。

尤其是製作網頁過程中的空格，肯定會有不少，一般100K大小的網頁，空格所占的空間大概在15K。 空白字元最常出現在代碼的開始、結束、空行中。 大家可以把在Dreamweaver裡全部選中代碼然後按shift+tab鍵左對齊。 去除空格之後，就可以把網頁的體積縮小不少，提高網頁打開速度。

2、使用DIV+CSS佈局網頁

很多人在製作網頁時採用table，可能這是為了佈局的簡易和網頁的相容性，但table的佈局沒有清晰的層次關係，如果是多層表格的嵌套還會大大增加代碼量。 採用div+css佈局方式代碼可以讓代碼更簡練，網站優化效果會更加明顯。

3、將CSS樣式寫入外部檔，CSS書寫採用簡寫形式

很多人為了調試方便常常使用內嵌式CSS(在head區域的普通內嵌式和在標籤內出現的行內內嵌式css)，這樣會增加頁面內容無關代碼量，不利於搜尋引擎迅速理解頁面資訊。 我們應該讓所有css均處於外部檔，從而使網頁代碼最簡練。

另外很多CSS樣式有簡寫的方法，例如：.mycss { padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:3px; } 如果採用簡寫形式， 只需要 .mycss { padding:10px 5px 10px 3px; } 即可，具體簡寫的樣式有那些，大家找下相關css教程就可以了，網上很多。

特別要注意一點：並不是說網站採用了DIV+CSS就一定等於優化到家了，DIV之間的層次關係不容忽視，直接會影響到搜尋引擎對頁面資訊區塊的理解!如果大家不明白，可以參考seo奇兵博客的頁面原始程式碼，頁面層次關係一看便知。

4、多採用html標籤，減少「class=xxx」這種代碼。 例如：

我們完全可以採用下面的代碼：

至於相關元素的CSS樣式方面，我們只需要在外部css檔中對它們所處ul樣式myul的 .myul li i 、.myul li span、.myul li p定義一下就可以了。

5、減少Flash，如果用javascript效果可以代替最好

Flash是搜尋引擎目前無法很好理解的，而且對蘋果設備相容性不好，所以，如果你的網站非常需要，最好用javascript來實現動畫。

6、減少javascript

大量的javascript會增加網頁體積，影響搜尋引擎蜘蛛對頁面的抓取。 如果頁面效果(例如：巡覽列、浮動層等)能採用DIV+CSS代替最好。

特別要注意避免很多程式師喜歡的用javascript方式做超連結，除非你認為這個連結不重要，不想給下一級頁面傳遞什麼權重。

7、在伺服器端對網頁進行GZIP壓縮

伺服器端啟用GZIP壓縮能減少網頁30%-80%的體積，是最重要的一種優化效果，當然這個功能是需要伺服器控制項支援。

最後提醒大家，如果想做好網站原創性，你最好使用自己單獨設計製作的範本，而不要採用一些網上氾濫的大眾化範本，從而最有利於網站優化效果提升。

本文由seo奇兵(HTTP://www.seoqibing.com) 首發A5，轉載請保留資訊!