一、DIV+CSS的網(wǎng)頁制作對搜索引擎優(yōu)化(SEO)的優(yōu)勢
由于國外都流行用DIV+CSS來制作網(wǎng)頁，這點(diǎn)與大多國內(nèi)的企業(yè)站點(diǎn)用TABLE不同，所以想談一下DIV+CSS的網(wǎng)頁制作對搜索引擎優(yōu)化(SEO)的優(yōu)勢有哪些?這些都是比較于TABLE而言的。
DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在spider爬行時(shí)是非常有利的。過多的頁面代碼可能造成爬行超時(shí)，spider就會認(rèn)為這個(gè)頁面無法訪問，影響收錄及權(quán)重。
1、代碼精簡
使用DIV+Css布局，頁面代碼精簡，這一點(diǎn)相信對XHtml有所了解的都知道。代碼精簡所帶來的直接好處有兩點(diǎn)：一是提高spider爬行效率，能在更短的時(shí)間內(nèi)爬完整個(gè)頁面，這樣對收錄質(zhì)量有一定好處;二是由于能**的爬行，就會受到spider喜歡，這樣對收錄數(shù)量有一定好處。
2、表格的嵌套問題
很多網(wǎng)站如何推廣的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎn)一直沒有得到搜索引擎官方的證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒有完全出來，但根據(jù)目前掌握的情況來看，spider爬行Table布局的頁面，遇到多層表格嵌套時(shí)，會跳過嵌套的內(nèi)容或直接放棄整個(gè)頁面。
使用Table布局，為了達(dá)到一定的視覺效果，不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容，spider爬行時(shí)跳過了這一段沒有抓取到頁面的核心，這個(gè)頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會影響排名及域名信任度。
而DIV+CSS布局基本上不會存在這樣的問題，從技術(shù)角度來說，XHTML在控制樣式時(shí)也不需要過多的嵌套。
這雖然沒有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，SEOer們在文章中說明了這一點(diǎn)，相信他們也不是沒有依據(jù)的。
3、速度問題
DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在spider爬行時(shí)是非常有利的。過多的頁面代碼可能造成爬行超時(shí)，spider就會認(rèn)為這個(gè)頁面無法訪問，影響收錄及權(quán)重。
另一方面，真正的SEOer不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ)，這對整個(gè)搜索引擎優(yōu)化及營銷都是非常有利的。
4、對排名的影響
基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(shè)計(jì)完成后會盡可能的完善到能通過W3C驗(yàn)證。截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面，但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。這一點(diǎn)或許會有爭議，但樂思蜀本人保持這樣的觀點(diǎn)，有異議者可以拿三組以上基本同等質(zhì)量的網(wǎng)站對比觀察。
我想，這樣的情況可能不是排名規(guī)則，更大的可能還是spider爬行網(wǎng)站時(shí)，出現(xiàn)以上差異導(dǎo)致收錄質(zhì)量的不同。
畢竟廖勝于無，建議建站或改版的朋友們，技術(shù)許可的情況下，還是選擇DIV+CSS布局為好。
二、影響SEO搜索引擎優(yōu)化的網(wǎng)頁制作細(xì)節(jié)
1、將CSS與jAVACSRIPT全部用下邊的方法分離到外部文件中去，讓html代碼更大可能的只是用來顯示實(shí)際內(nèi)容。
2、采用Xhtml代碼編寫頁面，拋棄傳統(tǒng)Table布局模式，去掉頁面中的例如font/bgcolor等格式化控制標(biāo)簽。用符合web標(biāo)準(zhǔn)的代碼來制作頁面。這樣能夠讓xhtml代碼結(jié)構(gòu)化、語義化。提高頁面代碼的可讀性。3、采用了上邊的方法你會發(fā)現(xiàn)你的html代碼會變得非常小，當(dāng)然如果可以的話。讓它變得更小。太大的頁面會影響搜索引擎的處理速度。一般通過xhtml+css設(shè)計(jì)的網(wǎng)頁，html代碼應(yīng)該可以控制在50K以內(nèi)。大家可以去看一下用web標(biāo)準(zhǔn)重構(gòu)得比較好的網(wǎng)站。
4、用好圖片的alt標(biāo)簽合理的使用頁面關(guān)鍵字去描述圖片，這樣能增加頁面的關(guān)鍵字密度。
5、盡可能少地使用javascript來做與內(nèi)容相關(guān)的事情，例如用document.write去顯示正文。這樣會影響搜索引擎對頁面內(nèi)容的搜索。
6、千萬不要去javascript來實(shí)現(xiàn)你網(wǎng)站的導(dǎo)航，那樣會讓搜索引擎迷失方向。
7、每個(gè)頁面的關(guān)鍵字盡可能出現(xiàn)在頁面的標(biāo)題，也就是頭部的Title標(biāo)簽中。當(dāng)然，要合理應(yīng)用，太要太長，更別用大量與頁面內(nèi)容無關(guān)的網(wǎng)絡(luò)熱門關(guān)鍵字。因?yàn)槟蔷筒皇莾?yōu)化而是在作弊。
8、盡量在每個(gè)頁面代碼中合理使用標(biāo)簽，并讓關(guān)鍵字出現(xiàn)在標(biāo)簽中，讓頁面的文檔結(jié)構(gòu)更清楚。
搜索引擎優(yōu)化與網(wǎng)頁制作關(guān)系分析，歡迎咨詢合作。
