網站布(bu)(bu)局(ju)從以前的(de)TABLE方式(shi)轉換到(dao)現(xian)在的(de)DIV+CSS布(bu)(bu)局(ju)方式(shi)，那(nei)么這種方法(fa)比起(qi)以往的(de)TABLE布(bu)(bu)局(ju)方式(shi)對網站都有什(shen)么影(ying)響呢?啟凡網絡(luo)公(gong)司來做個簡(jian)單(dan)介紹。
　　
　　div+css優(you)于(yu)table布局主要體(ti)現在(zai)以下6個(ge)方面:
　　
　　1、精簡代(dai)碼讓(rang)蜘珠(zhu)爬(pa)得更舒(shu)服
　　使用DIV+CSS布(bu)局，頁面代碼精(jing)簡，這一點(dian)相(xiang)信(xin)對(dui)XHTML有所(suo)了解的都知道(dao)。
　　代碼精(jing)簡(jian)所帶(dai)來的直接好(hao)處(chu)有(you)兩點：一是(shi)提高Spider爬行效率，能在(zai)*短的時間內爬完整個頁(ye)面(mian)，這(zhe)樣(yang)(yang)對(dui)收錄質量有(you)一定(ding)好(hao)處(chu);二是(shi)由于能高效的爬行，就會受到Spider歡迎，這(zhe)樣(yang)(yang)對(dui)收錄數(shu)量有(you)很(hen)大好(hao)處(chu)。
　　
　　2、提高(gao)速(su)度讓讓蜘珠(zhu)做上時光車
　　DIV+CSS布局(ju)較Table布局(ju)減少了(le)頁(ye)面(mian)代碼，加載速度得到(dao)很大的提高(gao)，這在Spider爬(pa)行(xing)時是非常有利的。過(guo)多的頁(ye)面(mian)代碼可能造成爬(pa)行(xing)超(chao)時，Spider就會(hui)認為這個頁(ye)面(mian)無法訪問(wen)，影響收錄及(ji)權重。
　　另一方面(mian)，真(zhen)正的(de)(de)SEOer不只是為了(le)追求收錄、排名，快速的(de)(de)響應速度是提高用戶體驗(yan)度的(de)(de)基礎，這對整(zheng)個搜索(suo)引擎優化(hua)及(ji)營銷都是非常有利的(de)(de)。
　　
　　3、對搜索引(yin)擎(qing)的排名
　　基于XTHML標(biao)準(zhun)的(de)(de)DIV+CSS布局，一(yi)般在設計完成后會盡可(ke)能的(de)(de)完善到能通過(guo)W3C驗證。截止目前沒有搜索引(yin)擎(qing)表示排名規(gui)則會傾向(xiang)于符合W3C標(biao)準(zhun)的(de)(de)網站或(huo)頁(ye)面(mian)，但事(shi)實證明使用(yong)XTHML架構的(de)(de)網站排名狀況一(yi)般都不錯。企業建站采(cai)(cai)用(yong)DIV+CSS制作方法，可(ke)以將大部(bu)分的(de)(de)HTML代碼和內容樣式寫入(ru)了(le)CSS文件中，這就使得網頁(ye)正文部(bu)分更為突出(chu)明顯，便于被搜索引(yin)擎(qing)采(cai)(cai)集收錄，這也(ye)讓企業多(duo)了(le)一(yi)個(ge)免費優化(hua)的(de)(de)方法。
　　
　　4、修改網站(zhan)設計(ji)時更有效(xiao)率(lv)
　　由于使用了DIV+CSS制作方法，在修(xiu)改(gai)頁面(mian)的(de)時候更加(jia)容易省時。根據區域(yu)內容標記，到CSS里(li)找到相應的(de)ID，使得修(xiu)改(gai)頁面(mian)的(de)時候更加(jia)方便，也不會破壞頁面(mian)其他部分的(de)布局樣式(shi)。
　　
　　5、解決表格(ge)嵌套(tao)問題
　　很多“網站(zhan)如何推廣”的(de)文(wen)章中稱，搜索(suo)引擎一般(ban)不抓取三(san)層(ceng)以(yi)c的(de)官方證實(shi)。我的(de)幾項實(shi)驗(yan)結果(guo)沒有(you)完(wan)全出來(lai)，但(dan)根(gen)據目前掌握(wo)的(de)情(qing)況來(lai)看，Spider爬行Table布(bu)局的(de)頁面(mian)，遇到(dao)多層(ceng)表格嵌(qian)套時，會跳過(guo)嵌(qian)套的(de)內容或直接放棄整個(ge)頁面(mian)。
　　使(shi)(shi)用(yong)Table布局，為了達到(dao)一(yi)定的(de)(de)(de)視(shi)覺效(xiao)果，不得(de)不套用(yong)多個表(biao)(biao)格(ge)。如果嵌套的(de)(de)(de)表(biao)(biao)格(ge)中(zhong)(zhong)(zhong)是核(he)心內容，Spider爬行(xing)時跳過了這(zhe)一(yi)段沒有抓(zhua)取(qu)到(dao)頁面的(de)(de)(de)核(he)心，這(zhe)個頁面就成了相似頁面。網站中(zhong)(zhong)(zhong)過多的(de)(de)(de)相似頁面會影響排(pai)名及域名信(xin)(xin)任度(du)。而(er)DIV+CSS布局基本上不會存在(zai)(zai)這(zhe)樣(yang)的(de)(de)(de)問(wen)題，從技(ji)術(shu)角度(du)來說(shuo)，XHTML在(zai)(zai)控制(zhi)樣(yang)式時也(ye)不需要過多的(de)(de)(de)嵌套。這(zhe)雖然沒有得(de)到(dao)確認(ren)，但(dan)還是建議使(shi)(shi)用(yong)Table布局的(de)(de)(de)朋(peng)友們，在(zai)(zai)設計時盡可(ke)能的(de)(de)(de)不要使(shi)(shi)用(yong)多層表(biao)(biao)格(ge)嵌套，SEOer們在(zai)(zai)文章中(zhong)(zhong)(zhong)說(shuo)明了這(zhe)一(yi)點，相信(xin)(xin)他們也(ye)不是沒有依據。
　　
　　6、降低流量費用
　　眾所周(zhou)知，企(qi)業建站的(de)(de)(de)目的(de)(de)(de)是讓用(yong)戶更(geng)好(hao)的(de)(de)(de)了解企(qi)業的(de)(de)(de)產品或服務，對用(yong)戶和瀏覽器更(geng)具親(qin)和力(li)和吸引力(li)，DIV+CSS網頁(ye)布局在這方(fang)面更(geng)具優(you)勢(shi)。由于CSS富含豐富的(de)(de)(de)樣式，使頁(ye)面更(geng)加靈活性(xing)，它可以根(gen)據不同(tong)的(de)(de)(de)瀏覽器達到顯示效果(guo)的(de)(de)(de)統一和不變形。
　　
　　當然在做(zuo)DIV+CSS布(bu)(bu)局時,也得(de)有規(gui)范(fan)的(de)(de)代碼..不(bu)然可(ke)能寫(xie)出(chu)來的(de)(de)DIV還沒別(bie)人(ren)寫(xie)的(de)(de)TABLE好(hao)，CSS對排名的(de)(de)影響基于XTHML標準(zhun)的(de)(de)DIV+CSS布(bu)(bu)局，一般在設計完成后會盡可(ke)能的(de)(de)完善到(dao)能通過W3C驗證。
　　


本文關鍵詞(ci)：煙臺網絡公司

煙臺網絡公司主要從事的業務總結歡迎交流