1、提高頁面加載速度。 能用css解決的不用背景圖片，背景圖片也盡量壓縮大小，可以幾個(gè)icons放在一個(gè)圖片上，采用css精靈(css sprite)，使用background-position找到需要的圖片位置。減少HTTP請(qǐng)求數(shù)，提高網(wǎng)頁加載速度。 

2、 結(jié)構(gòu)、表現(xiàn)和行為的分離。另外一個(gè)重要的拖慢網(wǎng)頁加載速度的原因就是將css和JS都堆積在HTML頁面上，每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網(wǎng)頁加載速度的，css文件可以放在head里，JS文件可以放置在body的最下方，在不影響閱讀的情況下再去加載JS文件。 

3、 優(yōu)化網(wǎng)站分級(jí)結(jié)構(gòu)。在每個(gè)內(nèi)頁加面包屑導(dǎo)航是很有必要的，可以讓蜘蛛進(jìn)入頁面之后不至于迷路，有條件的話，最好能單獨(dú)加個(gè)Sitemap頁面，將網(wǎng)站結(jié)構(gòu)一目了然地展示在蜘蛛面前，更有利于蜘蛛抓取信息。 

4、 集中網(wǎng)站權(quán)重。由于蜘蛛分配到每個(gè)頁面的權(quán)重是一定的，這些權(quán)重也將平均分配到每個(gè)a鏈接上，那么為了集中網(wǎng)站權(quán)重，可以使用”rel=nofollow”屬性，它告訴蜘蛛無需抓取目標(biāo)頁,可以將權(quán)重分給其他的鏈接。 

5、 文本強(qiáng)調(diào)標(biāo)簽的使用。當(dāng)著重強(qiáng)調(diào)某個(gè)關(guān)鍵詞需要加粗表示，選用strong標(biāo)簽比使用b標(biāo)簽要更有強(qiáng)調(diào)作用。 

6、 a標(biāo)簽的title屬性的使用。在不影響頁面功能的情況下，可以盡量給a標(biāo)簽加上title屬性，可以更有利于蜘蛛抓取信息。 

7、 圖片alt屬性的使用。這個(gè)屬性可以在圖片加載不出來的時(shí)候顯示在頁面上相關(guān)的文字信息，作用同上。 

8、 H標(biāo)簽的使用。主要是H1標(biāo)簽的使用需要特別注意，因?yàn)樗詭?quán)重，一個(gè)頁面有且最多只能有一個(gè)H1標(biāo)簽，放在該頁面最重要的標(biāo)題上面，如首頁的logo上可以加H1標(biāo)簽。 

9、圖片大小聲明。如果圖片大小不做定義的話，頁面需要重新渲染，就會(huì)影響到加載速度。 

10、頁面布局調(diào)整。頁面內(nèi)容盡量不要做成flash、視頻，這些東西蜘蛛是抓不到的，就算是必須的，也要生成相應(yīng)的靜態(tài)頁面。 

11、網(wǎng)站結(jié)構(gòu)呈扁平狀樹型，目錄結(jié)構(gòu)不宜過深。每個(gè)頁面離首頁最多點(diǎn)擊不超過3次，過深不利于搜索引擎的抓取。

SEO在網(wǎng)頁制作中的應(yīng)用

一、網(wǎng)站結(jié)構(gòu)優(yōu)化

a. 合理規(guī)劃站點(diǎn)結(jié)構(gòu) [扁平化：中小型目錄不超過3層]：3次即可跳轉(zhuǎn)到網(wǎng)站內(nèi)任何一個(gè)頁面（主頁-欄目-內(nèi)容）

b. 控制首頁鏈接數(shù)量（首頁鏈接100內(nèi)：頁面導(dǎo)航、底部導(dǎo)航、錨文字，建立在引導(dǎo)用戶，良好用戶體驗(yàn)）；

c. 導(dǎo)航（文字為主；圖片需要寫alt）:增加左上角-面包屑導(dǎo)航（讓用戶了解所處位置、使用戶了解網(wǎng)站組織形式）

d. 細(xì)節(jié)：

aa.內(nèi)容頁：結(jié)構(gòu)應(yīng)為：上面 Logo&導(dǎo)航 ；左下 面包屑導(dǎo)航+正文 ；

右下 熱門文章 相關(guān)文章 欄目信息（留住訪客；增強(qiáng)頁面相關(guān)性、權(quán)重）；最下面 版權(quán)信息及鏈接。

bb.分頁形式：首頁-上頁-下頁-尾頁 （不推薦）

首頁 1 2 3 4 5 6..10 下一頁 （不知道總頁面多少）

首頁 1 2 3 4 5 6..10 下拉鏈表 （最優(yōu)）

e: 加載速度不能太慢：頁面大?。?00K內(nèi)）

二、代碼SEO優(yōu)化

1 <a>標(biāo)簽：title,rel

2 <h1>標(biāo)簽：正文用<h1>,二級(jí)標(biāo)題用<h2>，其他不重要的標(biāo)題不用h

3 <p>標(biāo)簽與<br>標(biāo)簽：<br>標(biāo)簽只用于文本內(nèi)容的換行

4 <table>標(biāo)簽：使用<caption>

5 <img>標(biāo)簽：使用alt說明

6 <strong><em>與<b><i>標(biāo)簽：strong><b>加粗，<em><i>斜體，<strong>標(biāo)簽是權(quán)重標(biāo)簽的代表，

在搜索引擎中能夠得到高度重視，能突出關(guān)鍵詞，表現(xiàn)重要的內(nèi)容，<b>標(biāo)簽在瀏覽器中顯示效果和<strong>相同，

但在SEO中不會(huì)起到很好的效果，所以不推薦使用。<em>標(biāo)簽表現(xiàn)為斜體，意為強(qiáng)調(diào)主體內(nèi)容，吸引用戶關(guān)注，

在權(quán)重標(biāo)簽中的重要度僅次于<strong>標(biāo)簽，若僅僅為了表現(xiàn)出加粗、斜體的效果，

建議使用<b><i>標(biāo)簽，如果使用<strong><em>，會(huì)影響到SEO的效果；

如果是為了強(qiáng)調(diào)文字內(nèi)容，則建議使用<strong><em>標(biāo)簽。

7 重要內(nèi)容HTML代碼放在最前面。

8 重要內(nèi)容不要用js輸出。

9 盡少使用iframe框架。

10 謹(jǐn)慎使用display:none;(可以使用z-index,或者設(shè)置讓其顯示在瀏覽器以外)

11 不斷精簡(jiǎn)代碼。

三、其他規(guī)范

1.<p><br/></p>很贊的寫法， <br/>寫在<p>內(nèi)部

2.外鏈 要加上 rel=“nofollow” 避免搜索引擎小蜘蛛爬網(wǎng)爬跑掉其他網(wǎng)頁去了

3.<a>標(biāo)簽加title描述有利于seo

4.<img>標(biāo)簽加alt描述

5.標(biāo)簽中的內(nèi)容就是內(nèi)容，不要加的代碼，&nbsp盡量設(shè)置padding/margin/縮進(jìn)來實(shí)現(xiàn)效果

6.js代碼最好放在最后，以免小蜘蛛犯迷糊。

本文鏈接：http://www.hkass.cn/article/308.html