DIV+CSS 布局代碼精簡(jiǎn)對(duì)SEO的影響
發(fā)布時(shí)間:2009-10-22 17:25:16 作者:佚名
我要評(píng)論

網(wǎng)站優(yōu)化使用DIV+CSS佈局,頁(yè)面代碼精簡(jiǎn),這一點(diǎn)相信對(duì)XHTML有所瞭解的都知道。
網(wǎng)站優(yōu)化使用DIV+CSS佈局,頁(yè)面代碼精簡(jiǎn),這一點(diǎn)相信對(duì)XHTML有所瞭解的都知道。代碼精簡(jiǎn)所帶來(lái)的直接好處有兩點(diǎn):一是提高spider爬行效率,能在最短的時(shí)間內(nèi)爬完整個(gè)頁(yè)面,這樣對(duì)收錄品質(zhì)有一定好處;二是由于能高效的爬行,就會(huì)受到spider喜歡,這樣對(duì)收錄數(shù)量有一定好處。
表格的嵌套問(wèn)題
很多網(wǎng)站如何網(wǎng)上推廣的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點(diǎn)一直沒(méi)有得到搜索引擎官方的證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒(méi)有完全出來(lái),但根據(jù)目前掌握的情況來(lái)看,spider爬行Table佈局的頁(yè)面,遇到多層表格嵌套時(shí),會(huì)跳過(guò)嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。
使用Table佈局,為了達(dá)到一定的視覺(jué)效果,不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容,spider爬行時(shí)跳過(guò)了這一段沒(méi)有抓取到頁(yè)面的核心,這個(gè)頁(yè)面就成了相似頁(yè)面。網(wǎng)站中過(guò)多的相似頁(yè)面會(huì)影響排名及功能變數(shù)名稱信任度。
而DIV+CSS佈局基本上不會(huì)存在這樣的問(wèn)題,從技術(shù)角度來(lái)說(shuō),XHTML在控制樣式時(shí)也不需要過(guò)多的嵌套。
這雖然沒(méi)有得到確認(rèn),但還是建議使用Table佈局的朋友們,在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套,SEOer們?cè)谖恼轮姓f(shuō)明瞭這一點(diǎn),相信他們也不是沒(méi)有依據(jù)的。
速度問(wèn)題
DIV+CSS佈局較Table佈局減少了頁(yè)面代碼,載入速度得到很大的提高,這在spider爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí),spider就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪問(wèn),影響收錄及權(quán)重。
另一方面,真正的SEOer不只是為了追求收錄、排名,快速的回應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ),這對(duì)整個(gè)搜索引擎優(yōu)化及行銷(xiāo)都是非常有利的。
對(duì)排名的影響
基于XTHML標(biāo)準(zhǔn)的DIV+CSS佈局,一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過(guò)W3C驗(yàn)證。截止目前沒(méi)有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C 標(biāo)準(zhǔn)的網(wǎng)站或頁(yè)面,但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。這一點(diǎn)或許會(huì)有爭(zhēng)議,但樂(lè)思蜀本人保持這樣的觀點(diǎn),有異議者可以拿三組以上基 本同等品質(zhì)的網(wǎng)站對(duì)比觀察。
我想,這樣的情況可能不是排名規(guī)則,最大的可能還是spider爬行網(wǎng)站時(shí),出現(xiàn)以上差異導(dǎo)致收錄品質(zhì)的不同。
畢竟廖勝于無(wú),建議建站或改版的朋友們,技術(shù)許可的情況下,還是選擇DIV+CSS布局為好,這種設(shè)計(jì)對(duì)SEO時(shí)相當(dāng)?shù)暮谩?
表格的嵌套問(wèn)題
很多網(wǎng)站如何網(wǎng)上推廣的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點(diǎn)一直沒(méi)有得到搜索引擎官方的證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒(méi)有完全出來(lái),但根據(jù)目前掌握的情況來(lái)看,spider爬行Table佈局的頁(yè)面,遇到多層表格嵌套時(shí),會(huì)跳過(guò)嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。
使用Table佈局,為了達(dá)到一定的視覺(jué)效果,不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容,spider爬行時(shí)跳過(guò)了這一段沒(méi)有抓取到頁(yè)面的核心,這個(gè)頁(yè)面就成了相似頁(yè)面。網(wǎng)站中過(guò)多的相似頁(yè)面會(huì)影響排名及功能變數(shù)名稱信任度。
而DIV+CSS佈局基本上不會(huì)存在這樣的問(wèn)題,從技術(shù)角度來(lái)說(shuō),XHTML在控制樣式時(shí)也不需要過(guò)多的嵌套。
這雖然沒(méi)有得到確認(rèn),但還是建議使用Table佈局的朋友們,在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套,SEOer們?cè)谖恼轮姓f(shuō)明瞭這一點(diǎn),相信他們也不是沒(méi)有依據(jù)的。
速度問(wèn)題
DIV+CSS佈局較Table佈局減少了頁(yè)面代碼,載入速度得到很大的提高,這在spider爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí),spider就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪問(wèn),影響收錄及權(quán)重。
另一方面,真正的SEOer不只是為了追求收錄、排名,快速的回應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ),這對(duì)整個(gè)搜索引擎優(yōu)化及行銷(xiāo)都是非常有利的。
對(duì)排名的影響
基于XTHML標(biāo)準(zhǔn)的DIV+CSS佈局,一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過(guò)W3C驗(yàn)證。截止目前沒(méi)有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C 標(biāo)準(zhǔn)的網(wǎng)站或頁(yè)面,但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。這一點(diǎn)或許會(huì)有爭(zhēng)議,但樂(lè)思蜀本人保持這樣的觀點(diǎn),有異議者可以拿三組以上基 本同等品質(zhì)的網(wǎng)站對(duì)比觀察。
我想,這樣的情況可能不是排名規(guī)則,最大的可能還是spider爬行網(wǎng)站時(shí),出現(xiàn)以上差異導(dǎo)致收錄品質(zhì)的不同。
畢竟廖勝于無(wú),建議建站或改版的朋友們,技術(shù)許可的情況下,還是選擇DIV+CSS布局為好,這種設(shè)計(jì)對(duì)SEO時(shí)相當(dāng)?shù)暮谩?
相關(guān)文章
- 本文主要介紹了css九宮格布局的五種方法,內(nèi)容包括grid布局、flex布局、table布局、float浮動(dòng)定位、inline-block+letter-spacing屬性這五種方法的實(shí)現(xiàn),感興趣的可以了解下2023-09-18
- 在Web開(kāi)發(fā)中,經(jīng)常會(huì)遇到需要將元素水平和垂直居中的情況,今天,將為大家分享幾種CSS方法,讓你的元素輕松居中,讓頁(yè)面更美觀吸引人,感興趣的小伙伴可以自己動(dòng)手試一試2023-09-08
- 相信大家在面試的時(shí)候也會(huì)經(jīng)常碰到css實(shí)現(xiàn)元素居中的方法,下面我介紹6種方法給大家,歡迎大家評(píng)論區(qū)交流2023-09-07
flex布局中使用flex-wrap實(shí)現(xiàn)換行的項(xiàng)目實(shí)踐
最近需要做個(gè)換行的布局,本文主要介紹了flex布局中使用flex-wrap實(shí)現(xiàn)換行的項(xiàng)目實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需2022-06-16CSS布局之浮動(dòng)(float)和定位(position)屬性的區(qū)別
今天看到有朋友留言問(wèn)浮動(dòng)和定位有什么區(qū)別,如何使用?今天找了篇文章,講的比較通俗易懂,供大家參考2021-09-23- 這篇文章主要介紹了css實(shí)現(xiàn)元素居中的N種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
div水平布局兩邊對(duì)齊的三種實(shí)現(xiàn)方法
這篇文章主要介紹了div水平布局兩邊對(duì)齊的三種實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起2021-01-21waterfall瀑布流布局+動(dòng)態(tài)渲染的實(shí)現(xiàn)
這篇文章主要介紹了waterfall瀑布流布局+動(dòng)態(tài)渲染的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起2021-01-19頁(yè)面中有間隔的方格布局如何完美實(shí)現(xiàn)方法
這篇文章主要介紹了頁(yè)面中有間隔的方格布局如何完美實(shí)現(xiàn)方法。文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)2020-11-27css實(shí)現(xiàn)六種自適應(yīng)兩欄布局方式
這篇文章主要介紹了css實(shí)現(xiàn)六種自適應(yīng)兩欄布局方式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)2020-10-28