DivCSS網(wǎng)頁(yè)布局對(duì)SEO的影響漫談_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
CSSdiv網(wǎng)頁(yè)布局對(duì)SEO的影響漫談
SEO是指搜索引擎優(yōu)化,主要就是通過對(duì)網(wǎng)站的結(jié)構(gòu)、標(biāo)簽、排版等各方面的優(yōu)化,使搜索引擎更輕易抓取網(wǎng)站的內(nèi)容,并且讓網(wǎng)站的各個(gè)網(wǎng)頁(yè)在等搜索引擎中獲得較高的評(píng)分,從而獲得較好的排名。DIVCSS網(wǎng)頁(yè)布局對(duì)SEO有著積極而富有意義的影響�?匆韵聨讉(gè)方面:
一、精簡(jiǎn)網(wǎng)頁(yè)代碼
使用DIVCSS布局,頁(yè)面代碼精簡(jiǎn),這一點(diǎn)相信對(duì)XHTML有所了解的都知道。
代碼精簡(jiǎn)所帶來的直接好處有兩點(diǎn):一是提高Spider爬行效率,能在最短的時(shí)間內(nèi)爬完整個(gè)頁(yè)面,這樣對(duì)收錄質(zhì)量有一定好處;二是由于能高效的爬行,就會(huì)受到Spider歡迎,這樣對(duì)收錄數(shù)量有很大好處。
二、解決表格的嵌套問題
很多“網(wǎng)站如何推廣”的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點(diǎn)一直沒有得到搜索引擎相關(guān)的官方證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒有完全出來,但根據(jù)目前把握的情況來看,Spider爬行Table布局的頁(yè)面,碰到多層表格嵌套時(shí),會(huì)跳過嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。
使用Table布局,為了達(dá)到一定的視覺效果,不得不套用多個(gè)表格。假如嵌套的表格中是核心內(nèi)容,Spider爬行時(shí)跳過了這一段沒有抓取到頁(yè)面的核心,這個(gè)頁(yè)面就成了相似頁(yè)面。網(wǎng)站中過多的相似頁(yè)面會(huì)影響排名及域名信任度。
而DIVCSS布局基本上不會(huì)存在這樣的問題,從技術(shù)角度來說,XHTML在控制樣式時(shí)也不需要過多的嵌套。
這雖然沒有得到確認(rèn),但還是建議使用Table布局的朋友們,在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套,SEOer們?cè)谖恼轮姓f明了這一點(diǎn),相信他們也不是沒有依據(jù)。
三、提高訪問速度
DIVCSS布局較Table布局減少了頁(yè)面代碼,加載速度得到很大的提高,這在Spider爬行時(shí)是非常有利的。過多的頁(yè)面代碼可能造成爬行超時(shí),Spider就會(huì)認(rèn)為這個(gè)頁(yè)面無法訪問,影響收錄及權(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)站或頁(yè)面,但事實(shí)證實(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布局為好。
/所屬分類:Div+CSS教程/更新時(shí)間:2008-06-04
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- CSS布局實(shí)例:僅一張圖片實(shí)現(xiàn)圓角!
- CSS去除表格td默認(rèn)間距及制作1px細(xì)線表格
- CSS菜單實(shí)例:簡(jiǎn)潔的效果火紅的圍城
- CSS實(shí)例:常用的CSS隱藏文字的方法
- 用css制作有滾動(dòng)條的居中彈出框
- CSS菜單實(shí)例:按鈕效果跳躍的藍(lán)色精靈
- 三列自由式布局770-1024自適應(yīng)寬度!
- DivCSS實(shí)例:一個(gè)效果很不錯(cuò)的CSS列表
- CSS背景圖片background-image須注意路徑問題!
- CSS布局教程:用DIV CSS實(shí)現(xiàn)國(guó)內(nèi)經(jīng)典式三行兩列布局
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-DivCSS網(wǎng)頁(yè)布局對(duì)SEO的影響漫談
。