有些成都網(wǎng)站制作公司打著優(yōu)化、低價(jià)的旗子，但是連基本的網(wǎng)站制作代碼還是用TABLE(老版)，所以我在這想大家一起分享一下我對(duì)DIV+CSS(新版)的認(rèn)識(shí)。

一、DIV+CSS的網(wǎng)頁(yè)制作對(duì)搜索引擎(百度、谷歌等)優(yōu)化(SEO)的優(yōu)勢(shì)

由于想談一下DIV+CSS的網(wǎng)頁(yè)制作對(duì)搜索引擎優(yōu)化(SEO)的優(yōu)勢(shì)有哪些?這些都是對(duì)TABLE而言的。

DIV+CSS布局較Table布局減少了頁(yè)面代碼，加載速度得到很大的提高，這在spider爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí)，spider就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪(fǎng)問(wèn)，影響收錄及權(quán)重。

1、代碼精簡(jiǎn)

使用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ù)量有一定好處。

2、表格的嵌套問(wèn)題

很多網(wǎng)站如何推廣的文章中稱(chē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ì)影響排名及域名信任度。

而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ù)的。

3、速度問(wèn)題

DIV+CSS布局較Table布局減少了頁(yè)面代碼，加載速度得到很大的提高，這在spider爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí)，spider就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪(fǎng)問(wèn)，影響收錄及權(quán)重。

另一方面，真正的SEOer不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶(hù)體驗(yàn)度的基礎(chǔ)，這對(duì)整個(gè)搜索引擎優(yōu)化及營(yíng)銷(xiāo)都是非常有利的。

4、對(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ò)。個(gè)人覺(jué)得大的可能還是spider爬行網(wǎng)站時(shí)，出現(xiàn)以上差異導(dǎo)致收錄質(zhì)量的不同。

二、影響SEO搜索引擎優(yōu)化的網(wǎng)頁(yè)制作細(xì)節(jié)

1、將CSS與jAVACSRIPT全部用下邊的方法分離到外部文件中去，讓html代碼大可能的只是用來(lái)顯示實(shí)際內(nèi)容。

2、采用Xhtml代碼編寫(xiě)頁(yè)面，拋棄傳統(tǒng)Table布局模式，去掉頁(yè)面中的例如font/bgcolor等格式化控制標(biāo)簽。用符合web標(biāo)準(zhǔn)的代碼來(lái)制作頁(yè)面。這樣能夠讓xhtml代碼結(jié)構(gòu)化、語(yǔ)義化。提高頁(yè)面代碼的可讀性。

3、采用了上邊的方法你會(huì)發(fā)現(xiàn)你的html代碼會(huì)變得非常小，當(dāng)然如果可以的話(huà)。讓它變得更小。太大的頁(yè)面會(huì)影響搜索引擎的處理速度。一般通過(guò)xhtml+css設(shè)計(jì)的網(wǎng)頁(yè)，html代碼應(yīng)該可以控制在50K以?xún)?nèi)。大家可以去看一下用web標(biāo)準(zhǔn)重構(gòu)得比較好的網(wǎng)站。

4、用好圖片的alt標(biāo)簽合理的使用頁(yè)面關(guān)鍵字去描述圖片，這樣能增加頁(yè)面的關(guān)鍵字密度。

5、盡可能少地使用javascript來(lái)做與內(nèi)容相關(guān)的事情，例如用document.write去顯示正文。這樣會(huì)影響搜索引擎對(duì)頁(yè)面內(nèi)容的搜索。

6、千萬(wàn)不要去javascript來(lái)實(shí)現(xiàn)你網(wǎng)站的導(dǎo)航，那樣會(huì)讓搜索引擎迷失方向。

7、每個(gè)頁(yè)面的關(guān)鍵字盡可能出現(xiàn)在頁(yè)面的標(biāo)題，也就是頭部的Title標(biāo)簽中。當(dāng)然，要合理應(yīng)用，太要太長(zhǎng)，更別用大量與頁(yè)面內(nèi)容無(wú)關(guān)的網(wǎng)絡(luò)熱門(mén)關(guān)鍵字。因?yàn)槟蔷筒皇莾?yōu)化而是在作弊。

8、盡量在每個(gè)頁(yè)面代碼中合理使用標(biāo)簽，并讓關(guān)鍵字出現(xiàn)在標(biāo)簽中，讓頁(yè)面的文檔結(jié)構(gòu)更清楚。

所以成都想做網(wǎng)站的朋友，要網(wǎng)站建設(shè)之前就問(wèn)清楚對(duì)方是否采用DIV+CSS排版，畢竟做網(wǎng)站也是有一個(gè)好的排名。

網(wǎng)頁(yè)名稱(chēng)：成都網(wǎng)站制作與搜索引擎優(yōu)化密切關(guān)系
網(wǎng)頁(yè)網(wǎng)址：http://www.kartarina.com/news22/72172.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作、搜索引擎優(yōu)化等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)