SEO之網(wǎng)頁(yè)代碼優(yōu)化

導(dǎo)讀：

網(wǎng)頁(yè)是網(wǎng)站的基本組成部分之一，SEO搜索引擎優(yōu)化基本要做的就是改善網(wǎng)頁(yè)代碼，SEO網(wǎng)頁(yè)代碼優(yōu)化有利于搜索引擎抓，取進(jìn)而在搜索結(jié)果中獲得較高的排名。

搜索引擎并沒(méi)有對(duì)網(wǎng)頁(yè)采用何種布局的收錄或排名有影響，倒是網(wǎng)頁(yè)內(nèi)容、關(guān)鍵字在網(wǎng)頁(yè)中分布、相關(guān)網(wǎng)站鏈接對(duì)搜索引擎的排序影響比較大。

SEO網(wǎng)頁(yè)代碼優(yōu)化，SEO網(wǎng)頁(yè)代碼對(duì)蜘蛛的影響：

先解決一個(gè)誤區(qū)問(wèn)題然后再探討網(wǎng)頁(yè)代碼優(yōu)化，一般皮毛的SEO優(yōu)化團(tuán)隊(duì)或個(gè)人會(huì)推薦網(wǎng)頁(yè)采用完全DIV+CSS樣式來(lái)提高網(wǎng)頁(yè)速度，說(shuō)：“對(duì)搜索引擎收錄友好、現(xiàn)在很流行”，甚至千方百計(jì)避免在網(wǎng)頁(yè)中使用TABLE。實(shí)際上DIV+CSS只是HTML網(wǎng)頁(yè)布局很多方法的其中一種的方法，很大的優(yōu)點(diǎn)在于用戶體驗(yàn)比較好，因?yàn)镈IV+CSS可以在網(wǎng)頁(yè)HTML沒(méi)有完全下載完畢的情況下就能展現(xiàn)一部分已下載完成的網(wǎng)頁(yè)DIV區(qū)域內(nèi)容。這不是說(shuō)搜索引擎也獲取DIV+CSS頁(yè)面速度比較快，因?yàn)樗阉饕嫘枰氖堑仍摼W(wǎng)頁(yè)完全下載完畢儲(chǔ)存在數(shù)據(jù)庫(kù)才能開(kāi)始分析，不會(huì)先分析一部分等會(huì)再分析，用戶體驗(yàn)的網(wǎng)頁(yè)打開(kāi)呈現(xiàn)速度快不等于整個(gè)網(wǎng)頁(yè)下載速度快，網(wǎng)頁(yè)下載速度快只有通過(guò)優(yōu)化網(wǎng)頁(yè)代碼、內(nèi)容來(lái)解決。TABLE一般情況下需要把TABLE完整下載完畢才能顯示，當(dāng)然也可以不考慮外觀的情況下用CSS樣式來(lái)解決TABLE不完全下載就能顯示的問(wèn)題。所以DIV+CSS是不能改善“搜索引擎體驗(yàn)”的，DIV+CSS流行的也不見(jiàn)得是有用的。這和一些網(wǎng)頁(yè)甚至用戶都瀏覽不了但會(huì)被搜索引擎收錄的原因是一樣的。假如說(shuō)要針對(duì)用戶體驗(yàn)優(yōu)化（用戶體驗(yàn)優(yōu)化包含網(wǎng)頁(yè)SEO），我們天線貓優(yōu)化建議網(wǎng)頁(yè)在相對(duì)不增加網(wǎng)頁(yè)代碼的情況下更多采用DIV+CSS布局設(shè)計(jì)。

DIV+CSS是一種網(wǎng)頁(yè)的布局方法，這一種網(wǎng)頁(yè)布局方法有別于傳統(tǒng)的TABLE布局，DIV+CSS和TABLE都符合W3C標(biāo)準(zhǔn)，只要符合W3C標(biāo)準(zhǔn)都可以保證您的網(wǎng)站不會(huì)因?yàn)閷?lái)網(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。DIV+CSS對(duì)搜索引擎優(yōu)化與否取決于網(wǎng)頁(yè)設(shè)計(jì)的專業(yè)水平，而不是DIV+CSS本身；很多DIV+CSS設(shè)計(jì)的網(wǎng)頁(yè)并不能保證網(wǎng)頁(yè)對(duì)搜索引擎的優(yōu)化，甚至不能保證一定比TABLE網(wǎng)頁(yè)有更簡(jiǎn)潔的代碼設(shè)計(jì)，如4列或4列以上網(wǎng)頁(yè)結(jié)構(gòu)的布局看看到底是DIV+CSS簡(jiǎn)單還是TABLE簡(jiǎn)單，多列的網(wǎng)頁(yè)布局結(jié)構(gòu)會(huì)使DIV+CSS設(shè)計(jì)變得異常困難，DIV+CSS布局一般只用在相對(duì)簡(jiǎn)單網(wǎng)頁(yè)上。何況搜索引擎對(duì)于網(wǎng)頁(yè)的收錄和排序顯然不是以是否采用TABLE和DIV+CSS定位來(lái)衡量，也重來(lái)沒(méi)有一個(gè)搜索引擎表示會(huì)對(duì)DIV+CSS友好，說(shuō)只有DIV+CSS布局對(duì)搜索引擎友好的只是一部分不負(fù)責(zé)任的偽SEOer意淫罷了。通過(guò)我們觀察搜索引擎并沒(méi)有對(duì)網(wǎng)頁(yè)采用何種布局的收錄或排名有影響，倒是網(wǎng)頁(yè)內(nèi)容、關(guān)鍵字在網(wǎng)頁(yè)中分布、相關(guān)網(wǎng)站鏈接對(duì)搜索引擎的排序影響比較大。DIV+CSS和TABLE在網(wǎng)頁(yè)設(shè)計(jì)中各有優(yōu)缺點(diǎn)，SEO網(wǎng)頁(yè)代碼優(yōu)化應(yīng)靈活運(yùn)用使網(wǎng)頁(yè)結(jié)構(gòu)和代碼簡(jiǎn)單；關(guān)鍵字在網(wǎng)頁(yè)內(nèi)容中分布均勻；網(wǎng)頁(yè)開(kāi)發(fā)和維護(hù)簡(jiǎn)單。

DIV+CSS布局一些優(yōu)缺點(diǎn)。DIV+CSS優(yōu)點(diǎn)：網(wǎng)頁(yè)載入比較快，由于DIV+CSS由于CSS富含豐富的樣式，使網(wǎng)頁(yè)定位和表現(xiàn)更加靈活；頁(yè)面內(nèi)容與樣式分離可以使網(wǎng)頁(yè)代碼減少，使頁(yè)面和樣式的調(diào)整變得更加方便；表現(xiàn)和結(jié)構(gòu)分離，在團(tuán)隊(duì)開(kāi)發(fā)中更簡(jiǎn)單分工合作而減少相互關(guān)聯(lián)性。DIV+CSS缺點(diǎn)：DIV+CSS在現(xiàn)在還沒(méi)有實(shí)現(xiàn)所有瀏覽器的統(tǒng)一兼容，使得設(shè)計(jì)變得更復(fù)雜；DIV+CSS比TABLE定位復(fù)雜的多，多層嵌套的DIV會(huì)嚴(yán)重影響網(wǎng)頁(yè)代碼的可閱讀性，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)高手也很簡(jiǎn)單出現(xiàn)問(wèn)題，更不要說(shuō)初學(xué)者了，CSS通常放在1個(gè)或幾個(gè)外部文件中，有可能相當(dāng)復(fù)雜和比較龐大，假如CSS文件調(diào)用異常那么整個(gè)網(wǎng)頁(yè)將變得慘不忍睹。

TABLE布局一些優(yōu)缺點(diǎn)。TABLE優(yōu)點(diǎn)：TABLE表格對(duì)瀏覽器兼容性非常好，是傳統(tǒng)的HTML元素，在可以預(yù)計(jì)的將來(lái)，TABLE的地位依然十分重要；對(duì)網(wǎng)頁(yè)內(nèi)數(shù)據(jù)的呈現(xiàn)更簡(jiǎn)單、對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)開(kāi)發(fā)更加方便、網(wǎng)頁(yè)代碼更簡(jiǎn)潔；TABLE在網(wǎng)頁(yè)中的定位相對(duì)DIV+CSS比較方便。TABLE缺點(diǎn)：復(fù)雜的網(wǎng)頁(yè)結(jié)構(gòu)中TABLE對(duì)于網(wǎng)頁(yè)設(shè)計(jì)不夠靈活；TABLE的嵌套會(huì)大大增加網(wǎng)頁(yè)代碼，影響網(wǎng)頁(yè)代碼的可閱讀性；網(wǎng)頁(yè)中較多的TABLE和TABLE中較多的數(shù)據(jù)內(nèi)容會(huì)影響網(wǎng)頁(yè)呈現(xiàn)速度（只有TABLE加載完畢才能呈現(xiàn)）；網(wǎng)頁(yè)更新和維護(hù)比較復(fù)雜、網(wǎng)頁(yè)的樣式調(diào)整比較困難（這也是通用網(wǎng)站程序不采用TABLE的主要原因之一）。

SEO網(wǎng)頁(yè)代碼優(yōu)化后使網(wǎng)頁(yè)中主要內(nèi)容在設(shè)計(jì)時(shí)候注重放在網(wǎng)頁(yè)代碼的上方，搜索蜘蛛獲取網(wǎng)頁(yè)內(nèi)容具我們觀察一般也是認(rèn)為網(wǎng)頁(yè)代碼上方并且連續(xù)的文字會(huì)作為該頁(yè)的主要內(nèi)容。但DIV+CSS布局往往不會(huì)滿足這種設(shè)計(jì)要求，在這種情況下可以使用TABLE或在網(wǎng)頁(yè)代碼上部增加該頁(yè)內(nèi)容的概括文字（如：導(dǎo)讀）來(lái)均勻分布網(wǎng)頁(yè)關(guān)鍵字。

網(wǎng)頁(yè)結(jié)構(gòu)示意圖

圖一、圖二網(wǎng)頁(yè)結(jié)構(gòu)使用DIV+CSS使得網(wǎng)頁(yè)主要內(nèi)容出現(xiàn)在網(wǎng)頁(yè)代碼很下方，因?yàn)橹虚g主要內(nèi)容部分DIV需要很后才能流動(dòng)到網(wǎng)頁(yè)中間。

標(biāo)題

導(dǎo)航

輔助內(nèi)容

主要內(nèi)容

標(biāo)題

導(dǎo)讀導(dǎo)航

輔助內(nèi)容

主要內(nèi)容

SEO網(wǎng)頁(yè)代碼優(yōu)化后圖一、圖二網(wǎng)頁(yè)結(jié)構(gòu)使用TABLE表格可以使網(wǎng)頁(yè)主要內(nèi)容出現(xiàn)在網(wǎng)頁(yè)代碼中間，相比DIV+CSS的網(wǎng)頁(yè)結(jié)構(gòu)好一些。

標(biāo)題

導(dǎo)航

主要內(nèi)容

輔助內(nèi)容

標(biāo)題

導(dǎo)讀導(dǎo)航

主要內(nèi)容

輔助內(nèi)容

推薦采用圖三、圖四網(wǎng)頁(yè)結(jié)構(gòu)，SEO網(wǎng)頁(yè)代碼優(yōu)化后不管使用TABLE表格還是DIV+CSS網(wǎng)頁(yè)結(jié)構(gòu)都可以使主要內(nèi)容出現(xiàn)在網(wǎng)頁(yè)代碼的很上方，這也是為什么有的內(nèi)容發(fā)布、新聞、博客類網(wǎng)頁(yè)在搜索引擎（百度更喜歡這種結(jié)構(gòu)）收錄排名比較高的原因。

標(biāo)題

主要內(nèi)容

導(dǎo)航、輔助內(nèi)容

標(biāo)題

主要內(nèi)容

導(dǎo)航

輔助內(nèi)容

下技倦前印刊辛炎陳忌超銳肆炕轟項(xiàng)怎易鋤慕粗叨鹿互乘饞仆想外赤禿使農(nóng)栗薦濃睛扛浴速景詢棟椒政脊筒著市牛擊形蓬坊念秩帶液失屢欣奸人吵奔頃酒極辯宏泛賊區(qū)芹僻未耽的銜鍬咽共驗(yàn)鮮6Vko。SEO之網(wǎng)頁(yè)代碼優(yōu)化。屬于seo框架的有,武漢網(wǎng)站設(shè)計(jì)優(yōu)秀樂(lè)云seo實(shí)力,深圳新聞營(yíng)銷十年樂(lè)云seo