現(xiàn)在采用CSS+DIV建網(wǎng)站的朋友越來越多,我們今天就談?wù)勅绾斡胐iv+css對網(wǎng)站優(yōu)化及在SEO方面的好處這個話題:
一、用css+div,就要放棄以前表格排版的一些習(xí)慣,包括頁面格式的一些習(xí)慣:
1.以前用表格排版,一般都是用不規(guī)則的背景圖片,跨單元格來做一些不規(guī)則的效果。css+div的特點(diǎn)就是格式和樣式分開。
2.css+div還是用塊的行使排版比較好,頁面簡單,直觀,不那么花哨。源碼的結(jié)構(gòu)也簡單,頁面執(zhí)行效率高。
3.盡量少使用div的嵌套,減少換行等冗余代碼,提升網(wǎng)頁的加載速度。
二、Div+css的網(wǎng)站結(jié)構(gòu)對seo網(wǎng)站優(yōu)化起到的作用越來越明顯。
研究現(xiàn)在排名靠前的一些熱門關(guān)鍵詞網(wǎng)站,基本都是用div+css了,那么為什么DIV+CSS會對排名或者說是seo更加有利呢?
1. 采用這種結(jié)構(gòu)后HTML頁面里基本只有文字或圖片信息,而樣式則放在CSS里面,這樣搜索爬蟲就不會管CSS,只要采集HTML里的內(nèi)容就可以了,大大提高爬蟲的效率。
2.采用這種結(jié)構(gòu)往往關(guān)鍵詞更集中,密度更高。
3.DIV+CSS相對于table來說比較精簡,而且基本不存在網(wǎng)上一直在說的“表格嵌套”的問題。
4.符合W3C標(biāo)準(zhǔn)的網(wǎng)頁在seo優(yōu)化方面本身就有優(yōu)勢,更得搜索引擎蜘蛛的喜愛。
DIV+CSS是目前正在流行的網(wǎng)頁布局方式,但是它與表格布局、框架布局相比較而言又有哪些優(yōu)點(diǎn)呢?今天我就來給你分享一下DIV+CSS這種布局方式的優(yōu)點(diǎn): (1)?結(jié)構(gòu)清晰,容易被搜索引擎收集。 (2)?與表格比能減少代碼,實現(xiàn)表格布局的許多功能,從而提高頁面的加載速度。 (3)?能夠在任何地方、任何設(shè)備上表現(xiàn)已經(jīng)構(gòu)建好的網(wǎng)頁布局。 (4)?可以實現(xiàn)和表現(xiàn)和內(nèi)容數(shù)據(jù)的分離。 (5)?能很好的控制頁面的布局效果。 (6)?擁有強(qiáng)大的字體控制和排版能力。 另外 網(wǎng)頁打開速度更快了DIV+CSS布局較Table布局減少了大量的頁面代碼,加載速度得到很大的提高。tale布局的頁面打開原理:一般table布局的頁面是表格中套表格,一般從最大的表格讀取完才能顯示出來,讀取大表格的同時又要讀取小表格的內(nèi)容,大大影響了網(wǎng)頁打開速度。試想一下如果你打開一個網(wǎng)站需要一分鐘以上,你下次還會來這個網(wǎng)站嗎? spider爬行效率大大提高Div+Css的代碼精簡是table無法比擬的,div+css實現(xiàn)了樣式和布局完全分離,前臺垃圾代碼大量減少,也不用像以前表格套表格,可以讓蜘蛛在你的網(wǎng)站上快速爬行,短時間內(nèi)爬完你的網(wǎng)站。 對排名的影響基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局,一般在設(shè)計完成后會盡可能的完善到能通過W3C驗證。雖然現(xiàn)在沒有搜索引擎的排名規(guī)則會傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面,但實際上使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯。個人覺得當(dāng)幾個相同類型網(wǎng)站在其它方面的比拼差不多的時候,這個也許是一個最終的影響因素吧!