讀書筆記：《SEO教程：搜尋引擎優化入門與進階》（4）——程式碼優化

qq_15338149發表於2014-08-01
筆記優化

——對HTML原始碼進行必要的調整。

1.去掉冗餘程式碼

——降低頁面體積

——提高搜尋引擎友好性

做法：
去掉每行程式碼前面、後面的空格字元；
去掉空白行；

2. HTML標籤轉換

——使用短標籤替換同樣效果的長標籤

做法：
加粗：<strong>改為<b>
斜體：<em>改為<i>
刪除線：<strike>改為<s>（有過時的可能）
縮排：<blockquote>改為<ul>
注意：轉換後的結果要能夠通過W3C驗證。而且要注意有的標籤會隨著時間慢慢退出歷史舞臺。

3.CSS優化

——改變CSS呼叫方式

做法：

CSS均改為外部檔案呼叫方式。

4. JS優化

做法：

JavaScript均改為外部呼叫方式。

另外要注意，搜尋引擎不解析JS生成的內容，所以如果有需要SEO的內容，最好不使用AJAX方式進行顯示。


5. 表格優化

——防止表格巢狀

原因：

表格巢狀會大大增加網頁大小，降低網頁的顯示速度。
做法：
頁面體積控制在100KB左右最好（僅HTML程式碼部分，不包括圖片及其他多媒體元素），搜尋引擎可能會拒絕收錄100KB後面的內容。

6. 頭部優化

——<head></head>之間

做法：
<title>標籤最重要！title長度在28箇中文字元以內。公司名稱要排在能夠提高頁面相關性的關鍵詞後面，如“手機-中國最好的手機網站”；關鍵字的組合可以用豎線|空格或者逗號，其中豎線對搜尋引擎最友好。
<description>標籤：不超過112箇中文字元；關鍵字首先出現，出現5次左右比較合理；
<keywords>標籤：列出的關鍵字必須是標題、描述中出現過的。
<robots>標籤：用於限制搜尋引擎對網站相關內容的抓取，若不新增此標籤，則搜尋引擎認為該頁面下的所有內容都可以被抓取。

7. 權重標籤的使用
——常見的權重標籤：h,font,b,i,u

做法：
<h>標題標籤：最重要。<h1>-<h6>，影響頁面相關性方面也是h1>h2>...>h6. 我們可以用<h1 class="xxh1">食安@微店</h1>來協調HTML標籤優化與CSS樣式控制。
<font>字型標籤：字號、顏色屬性最重要。
<b>加粗標籤；
<i>斜體標籤；
<u>下劃線標籤；

8. 圖片優化

做法：
主動告訴搜尋引擎圖片的內容：修改圖片檔名稱、設定alt屬性、在圖片周邊增加相關內容；
圖片壓縮-減小圖片體積；
大圖片切割-對於超大圖片，可以採用“切條”的形式進行分割，利於頁面載入。
圖片長寬-最好使用與顯示要求一致的圖片大小，否則在頁面載入時會先下載原大小圖片，然後再根據CSS或HTML進行圖片的大小調整，降低訪問速度。


SEO相關連結：

讀書筆記：《SEO教程：搜尋引擎優化入門與進階》（1）——搜尋引擎收錄及排序的基礎知識
讀書筆記：《SEO教程：搜尋引擎優化入門與進階》（2）——關鍵字
讀書筆記：《SEO教程：搜尋引擎優化入門與進階》（3）——URL優化

相關文章