網頁代碼優化大乘真經 十年磨一劍的乾貨！

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

今天，在此給大家分享多年總結的網頁代碼優化真經。 為什麼說十年磨一劍?因為本人製作網頁已經10多年了，站內優化也做了好幾年，才積累了這些心得。 今天，奇兵哥就來一個」帥哥散花「，請大家接好!

一、用好html標籤重定義，精簡代碼!

Html標籤重定義比Class要節省頁面代碼。 html裡常見的標籤有span、u、i、small、big、cite等，我們都可以用到頁面中，然後在Css檔重定義樣式。 例如：如果是需要三個div才達到的效果，用 i、span、p三個標籤就能很簡潔達到，根本不用class和div。

二、標籤使用要讓搜尋引擎易於理解。

h1只能用於頁面主標題，一個頁面只能有一個，有的範本預設把logo連結或文字連結設置成h1，這是非常錯誤的，h1應該只給標題純文字;h2用於次一級重要的標題;h3可在清單頁用於文章標題。 h2和h3根據需要適量使用，不能太多。

h標籤後面可以跟著p或ul，p是對h進行完善描述，ul是調用相關文章，這兩個都有助於搜尋引擎理解。

在文章內容頁，strong用於段落小標題，段落用p，這樣不但看上去比較美觀，搜尋引擎也會明白。

三、想樣式美觀而且代碼精簡，請用好background。

如果想讓html元素具有出彩的效果並且代碼簡潔，css中定義html元素的background圖片是首選。 因為background是在css檔中進行定義，比你直接在網頁中用img代碼中要節約很多字母。 我們網站首頁大圖和一些重要超連結都通過background修飾，不但樣式美觀，而且代碼能精簡20%左右。

四、按內容相關性，分Div塊

頁面先分大區塊，然後再細分。 seo奇兵的網站頁面按頂部、導航、左側、右側、底部，分長不同大Div。 然後每個大Div中又可以根據相關性進行細分。 這樣的網頁，搜尋引擎對頁面層次非常容易理解，正確劃分邏輯區塊，是代碼優化非常關鍵的步驟!

五、揚長避短，活用iframe和img圖片

一般seo教程上都說儘量避免用iframe，因為不利於網站優化。 但iframe有個好處，它裡面引用的是另外一個網頁，可以單獨下載，不影響本頁面下載速度。 所以，如果你的網站中有大輪播圖或flash，可以將之放入iframe中，有利於提速。

img圖片也有妙用：我們做網頁優化都要避免相似頁面，減少樣本文字，但是有些文字是必不可少的。 這時候就可以讓img圖片上場，將文字做成圖，這樣不管你有多少文字，那篇是一篇作文，html代碼中都只有一段簡短的img代碼，非常精簡!

最後，提醒大家，網頁中連結位址最好用絕對路徑，避免誤被其他功能變數名稱解析，產生大量複製頁面。 很多同學都出過此類問題，不要到時後悔莫及。

好了，seo奇兵就給大家分享到這裡，如果大家能掌握以上幾個主要原則，那麼你們只做出的一定是代碼精簡、樣式美觀、搜尋引擎易於理解的頁面!如果大家有不明白地方也可以聯繫奇兵，我非常願意將我的經驗分享給大家， 一起提高網站優化水準。

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