DIV+CSS在SEO中的作用

不少網(wǎng)站都開始使用日趨主流的div+css對(duì)網(wǎng)站進(jìn)行重構(gòu)，div+css的好處除了使代碼簡(jiǎn)潔改版方便之外，我們對(duì)網(wǎng)站進(jìn)行SEO也是有好處的，并不是說div+css在SEO中效果一定大于table布局，我是只對(duì)網(wǎng)站做SEO優(yōu)化的時(shí)候能省掉不少麻煩。

div+css重構(gòu)網(wǎng)站的好處：
1、高搜索引擎對(duì)網(wǎng)頁的索引效率
·提高spider爬行效率，能在最短的時(shí)間內(nèi)爬完整個(gè)頁面，這樣對(duì)收錄質(zhì)量有一定好處；
·由于能高效的爬行，就會(huì)受到spider喜歡，這樣對(duì)收錄數(shù)量有一定好處。
·避免了表格嵌套，搜索引擎蜘蛛爬行Table布局的頁面，遇到多層表格嵌套時(shí)，會(huì)跳過嵌套的內(nèi)容或直接放棄整個(gè)頁面，不少使用傳統(tǒng)的table布局的網(wǎng)站，很多頁面在搜索引擎快照中顯示不完整。

2、表現(xiàn)與內(nèi)容相分離
·將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中，HTML文件中只存放文本信息，方便網(wǎng)站改版，只需要對(duì)css進(jìn)行重構(gòu)便可完成網(wǎng)站的改版需要。

3、提高頁面加載速度
·大大的減少了網(wǎng)頁的代碼，節(jié)省服務(wù)器帶寬。
·提高網(wǎng)頁加載速度，使用戶打開頁面的速度大大提高，提高用戶體驗(yàn)。

Div+css設(shè)計(jì)網(wǎng)頁時(shí)需要注意的問題：
·css部分與頁面代碼應(yīng)該分離，將css單獨(dú)封裝在一個(gè).css文件中調(diào)取。
·使用id與class，盡量避免使用style=”"。
·盡量使用標(biāo)準(zhǔn)的css命名規(guī)范，這是檢驗(yàn)一個(gè)設(shè)計(jì)師是否專業(yè)的一個(gè)小標(biāo)志。
·瀏覽器兼容，目前主流的瀏覽器有IE6，IE7，F(xiàn)irefox，div+css容易產(chǎn)生兼容問題，設(shè)計(jì)時(shí)需要對(duì)三個(gè)瀏覽器進(jìn)行不斷調(diào)試。
·盡量使用css的縮寫以節(jié)省代碼，例如margin:10px 20px 10px 20px;可以簡(jiǎn)寫為margin:10px 20px;

Div+css設(shè)計(jì)網(wǎng)頁時(shí)需要注意的SEO問題：
·將重要的代碼部分顯示在前，不重要的顯示在后，而視覺效果不變。例如利用float可將左右部分代碼調(diào)換位置。
·H標(biāo)簽的使用，h標(biāo)簽在搜索引擎算法中占據(jù)比較重要的位置，h1—-h6標(biāo)簽都對(duì)SEO有一定的幫助。
·Javascript代碼的封裝。頁面中不少javascript代碼干擾了搜索引擎分析頁面內(nèi)容，可以將javascript代碼封裝在一個(gè).js文件中外部調(diào)用。
·每個(gè)<img />都要加入alt注釋，如果是頁面代碼的構(gòu)成內(nèi)容比如某個(gè)邊角圖片，則可以將alt留空，即alt=”"，當(dāng)然去掉alt=”"也未嘗不可，只是如果要遵循標(biāo)準(zhǔn)的話，保留alt=”"是必要的。
·無用代碼的封裝。將對(duì)SEO產(chǎn)生干擾或者負(fù)面影響的內(nèi)容使用<iframe>或者.js封裝成文件外部調(diào)用。
將需要強(qiáng)調(diào)的文字信息（主要指包含關(guān)鍵詞的信息）使用<strong>加粗