標(biāo)準(zhǔn)的DIV CSS布局對(duì)SEO的影響_Web標(biāo)準(zhǔn)教程
SEO是指搜索引擎優(yōu)化,主要就是通過對(duì)網(wǎng)站的結(jié)構(gòu)、標(biāo)簽、排版等各方面的優(yōu)化,使搜索引擎更容易抓取網(wǎng)站的內(nèi)容,并且讓網(wǎng)站的各個(gè)網(wǎng)頁在等搜索引擎中獲得較高的評(píng)分,從而獲得較好的排名。DIVCSS網(wǎng)頁布局對(duì)SEO有著積極而富有意義的影響。查看本站更多搜索引擎優(yōu)化技巧文章。看以下幾個(gè)方面:
一、精簡(jiǎn)網(wǎng)頁代碼
使用DIVCSS布局,頁面代碼精簡(jiǎn),這一點(diǎn)相信對(duì)XHTML有所了解的都知道。觀看更多的HTML教程內(nèi)容。
代碼精簡(jiǎn)所帶來的直接好處有兩點(diǎn):一是提高Spider爬行效率,能在最短的時(shí)間內(nèi)爬完整個(gè)頁面,這樣對(duì)收錄質(zhì)量有一定好處;二是由于能高效的爬行,就會(huì)受到Spider歡迎,這樣對(duì)收錄數(shù)量有很大好處。
二、解決表格的嵌套問題
很多“網(wǎng)站如何推廣”的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點(diǎn)一直沒有得到搜索引擎相關(guān)的官方證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒有完全出來,但根據(jù)目前掌握的情況來看,Spider爬行Table布局的頁面,遇到多層表格嵌套時(shí),會(huì)跳過嵌套的內(nèi)容或直接放棄整個(gè)頁面。
使用Table布局,為了達(dá)到一定的視覺效果,不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容,Spider爬行時(shí)跳過了這一段沒有抓取到頁面的核心,這個(gè)頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會(huì)影響排名及域名信任度。
而DIVCSS布局基本上不會(huì)存在這樣的問題,從技術(shù)角度來說,XHTML在控制樣式時(shí)也不需要過多的嵌套。
這雖然沒有得到確認(rèn),但還是建議使用Table布局的朋友們,在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套,SEOer們?cè)谖恼轮姓f明了這一點(diǎn),相信他們也不是沒有依據(jù)。
三、提高訪問速度
DIVCSS布局較Table布局減少了頁面代碼,加載速度得到很大的提高,這在Spider爬行時(shí)是非常有利的。過多的頁面代碼可能造成爬行超時(shí),Spider就會(huì)認(rèn)為這個(gè)頁面無法訪問,影響收錄及權(quán)重。
另一方面,真正的SEOer不只是為了追求收錄、排名,快速的響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ),這對(duì)整個(gè)搜索引擎優(yōu)化及營(yíng)銷都是非常有利的。
四、對(duì)搜索引擎的排名
基于XTHML標(biāo)準(zhǔn)的DIVCSS布局,一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過W3C驗(yàn)證。截止目前沒有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面,但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。這一點(diǎn)或許會(huì)有爭(zhēng)議,但從本人的觀點(diǎn)來看,非常有益。
我想,這樣的情況可能不是排名規(guī)則,最大的可能還是spider爬行網(wǎng)站時(shí),出現(xiàn)以上差異導(dǎo)致收錄質(zhì)量的不同。
建議建站或改版的朋友們,技術(shù)許可的情況下,還是選擇DIVCSS布局為好。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- Theultimatewebdesignusabilitychecklist
- AdobeDreamweaverCS3新功能簡(jiǎn)介
- web標(biāo)準(zhǔn)的商業(yè)價(jià)值
- WebStandards與Web2.0應(yīng)有所區(qū)別!
- WEB2.0標(biāo)準(zhǔn)教程:第五天 head區(qū)的其他設(shè)置
- 網(wǎng)頁標(biāo)準(zhǔn)化-CSS命名規(guī)劃整理
- Web標(biāo)準(zhǔn):改變您的網(wǎng)頁制作思維方式節(jié)省代碼及結(jié)構(gòu)與表現(xiàn)分離
- 用CSS屬性選擇器控制鏈接樣式
- DIV+CSS對(duì)SEO的幫助
- 通過Dreamweaver設(shè)計(jì)網(wǎng)頁時(shí)組織CSS的建議
猜你也喜歡看這些
- CSS實(shí)例:list-style-type在IE與FF中奇怪的現(xiàn)象解析
- CSS實(shí)例:區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack
- IE中奇怪的左右border斷線現(xiàn)象
- 解決IE6.0、IE5.0、IE5.5差異
- CSS兼容:如何兼容IE7和IE8
- CSS hack瀏覽器兼容一覽表
- 兩個(gè)層之間的為什么會(huì)有間隙(IE3pxbug)?
- JS的IE和FF兼容性問題的匯總小結(jié)
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問題的解決辦法
- IE與Firefox的CSS兼容大全
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-標(biāo)準(zhǔn)的DIV CSS布局對(duì)SEO的影響。