通常情況下，SEOer非常喜歡把一個(gè)網(wǎng)站做到最細(xì)節(jié)，在網(wǎng)頁設(shè)計(jì)方面，有時(shí)與設(shè)計(jì)師溝通時(shí)，通常會(huì)問到：SEO為什么要求網(wǎng)頁設(shè)計(jì)師用DIV+CSS布局網(wǎng)頁?有什么好處之類的問題，其實(shí)SEO們考慮的問題就是如何讓網(wǎng)頁的內(nèi)容更好的讓搜索引擎抓取網(wǎng)頁的內(nèi)容，更容易評(píng)估網(wǎng)頁內(nèi)容的質(zhì)量，這樣有利于排名。這是SEO們的最基本的目的，當(dāng)然CSS+DIV的好處并不局限于此，以下為詳細(xì)的分析：

SEO主要就是通過對(duì)網(wǎng)站的結(jié)構(gòu)，標(biāo)簽，排版等各方面的優(yōu)化，使Google等搜索引擎更容易搜索網(wǎng)站的內(nèi)容，并且讓網(wǎng)站的各個(gè)網(wǎng)頁在GOOGLE等搜索引擎中獲得較高的評(píng)分，從而獲得較好的排名。DIV CSS網(wǎng)頁布局對(duì)SEO有哪些影響呢？

代碼精簡(jiǎn)

使用DIV+CSS布局，頁面代碼精簡(jiǎn)，這一點(diǎn)相信對(duì)XHTML有所了解的都知道。代碼精簡(jiǎn)所帶來的直接好處有兩點(diǎn)：一是提高spider爬行效率，能在最短的時(shí)間內(nèi)爬完整個(gè)頁面，這樣對(duì)收錄質(zhì)量有一定好處;二是由于能高效的爬行，就會(huì)受到spider喜歡，這樣對(duì)收錄數(shù)量有一定好處。

表格的嵌套問題

很多網(wǎng)站如何推廣的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎ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ì)影響排名及域名信任度。

而DIV+CSS布局基本上不會(huì)存在這樣的問題，從技術(shù)角度來說，XHTML在控制樣式時(shí)也不需要過多的嵌套。

這雖然沒有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，SEOer們?cè)谖恼轮姓f明了這一點(diǎn)，相信他們也不是沒有依據(jù)的。

速度問題

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

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

CSS對(duì)排名的影響

基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(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)，有異議者可以拿三組以上基本同等質(zhì)量的網(wǎng)站對(duì)比觀察。

我想，這樣的情況可能不是排名規(guī)則，最大的可能還是spider爬行網(wǎng)站時(shí)，出現(xiàn)以上差異導(dǎo)致收錄質(zhì)量的不同。

畢竟廖勝于無，建議建站或改版的朋友們，技術(shù)許可的情況下，還是選擇DIV+CSS布局為好

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

駝峰命名與JS的問題解答

JS里的布爾值、關(guān)系運(yùn)算符、邏輯運(yùn)算符的詳解及實(shí)例

前端的js框架總結(jié)以及用途講解

以上就是制作網(wǎng)頁的時(shí)候有利于優(yōu)化的小技巧的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！