首頁(yè)?>?知識(shí)?資訊?>?為什么使用DIV+CSS來(lái)制作網(wǎng)站??>?正文

為什么使用DIV+CSS來(lái)制作網(wǎng)站?

2012/4/15 0:00:00 · 稿源:傳誠(chéng)信

搜索引擎是從上到下、從左到右訪問(wèn)網(wǎng)站信息的,而且,搜索引擎訪問(wèn)的是代碼,和網(wǎng)頁(yè)做得如何漂亮無(wú)關(guān),所以,在網(wǎng)站建設(shè)的時(shí)候,關(guān)鍵內(nèi)容在網(wǎng)頁(yè)中的位置非常重要。我們?cè)谘芯磕切┍容^大的網(wǎng)站時(shí)會(huì)發(fā)現(xiàn),整個(gè)網(wǎng)頁(yè)代碼被很多注釋所包圍。這些注釋有兩個(gè)好處:一是便于技術(shù)人員對(duì)代碼的調(diào)整;二是便于SEO人了解關(guān)鍵內(nèi)容的位置,便于調(diào)整。

使用DIV + CSS設(shè)計(jì)網(wǎng)站的時(shí)候,不得不強(qiáng)調(diào)一個(gè)利用SEO思想來(lái)建設(shè)網(wǎng)站的問(wèn)題。搜索引擎對(duì)網(wǎng)站的排名順序不是固定的。SEO的思想就是用搜索引擎的理念來(lái)搭建網(wǎng)站,而不是單一的在網(wǎng)站建設(shè)好后,通過(guò)一些技巧和手段來(lái)使得網(wǎng)站被搜索引擎所喜歡進(jìn)而達(dá)到好的排名效果。不管是思想指導(dǎo)實(shí)踐,還是實(shí)踐填充了思想,都是一個(gè)好的開(kāi)始,由學(xué)習(xí)國(guó)外的SEO,轉(zhuǎn)變?yōu)樽约旱难芯俊⒖偨Y(jié)和提升。

CSS是Cascading Style Sheets (層疊樣式表單)的縮寫,它是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。


????? DIV (標(biāo)鑒)+ CSS (層疊樣式表)是網(wǎng)站標(biāo)準(zhǔn)(或稱“Web標(biāo)準(zhǔn)”) 中的常用術(shù)語(yǔ)之一,通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格 (Table)定位方式的區(qū)別,因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV + CSS的方式實(shí)現(xiàn)各種定位。

使用DIV + CSS設(shè)計(jì)網(wǎng)站對(duì)SEO的影響是顯而易見(jiàn)的,由于結(jié)構(gòu)簡(jiǎn)單,且符合標(biāo)準(zhǔn),利用DIV + CSS構(gòu)建的網(wǎng)站深受搜索引擎的喜歡,不過(guò)并不是所有的DIV + CSS對(duì)網(wǎng)站的排名都有好處,正確的網(wǎng)頁(yè)布局,對(duì)于SEO 也是非常有利的。

1.代碼精簡(jiǎn)

代碼精簡(jiǎn)帶來(lái)的好處有兩點(diǎn):一是提局spider爬行效率,能在最短的時(shí)間內(nèi)爬行完整個(gè)頁(yè)面,這樣對(duì)收錄質(zhì)量有一定的好處;二是能高效爬行的頁(yè)面,就會(huì)受到spider的喜歡,這樣對(duì)收錄數(shù)量有一定的好處。

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

根據(jù)目前掌握的情況來(lái)看,spider爬行表格布局的頁(yè)面,遇到多層表格嵌套時(shí),會(huì)跳過(guò)嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。

使用表格頁(yè)面,為了達(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ò)多的嵌套。少一些多層表格嵌套,對(duì)網(wǎng)站SEO還是有好處的。

3.速度問(wèn)題

div+css布局與表格布局相比減少了頁(yè)面代碼,力口載速度得到了很大的提高,這對(duì)spider爬行是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí), spider就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪問(wèn),影響收錄及權(quán)重。另一方面,真正的網(wǎng)站優(yōu)化不只是為了追求收錄、排名,快速的響應(yīng)速度尉是高用戶體驗(yàn)的基礎(chǔ)。

4.修改設(shè)計(jì)時(shí)更有效率

由于使用了 DIV + CSS制作方法,在修改頁(yè)面的時(shí)候更加省時(shí)css 里找到相應(yīng)的ID,使得修改頁(yè)面的時(shí)候更加方便,也不會(huì)破壞頁(yè)面其他部分的布局樣式。

5.保持視覺(jué)的一致性

DIV+CSS最重要的優(yōu)勢(shì)之一是保持視覺(jué)的一致性。以往表格嵌套的制作方法,使得頁(yè)面與頁(yè)面或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差;而使用DIV + CSS的制作方法,將所有的頁(yè)面或所有區(qū)域統(tǒng)一用CSS文件控制,就避免了不同區(qū)域或不同頁(yè)面體現(xiàn)出的效果偏差。

6.對(duì)排名的影響

對(duì)于XHTML標(biāo)準(zhǔn)的DIV + CSS布局,一般在設(shè)計(jì)完成后會(huì)盡可能完 善到能通過(guò)W3C驗(yàn)證,與普通表格組成頁(yè)面的網(wǎng)站相比,使用XTML架構(gòu)的網(wǎng)站排名狀況一般都要好些。本文作者來(lái)自北京傳誠(chéng)信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠(chéng)信(www.94883.cn

?


選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !

1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。

-----------------------------------------------------------------------------------------------------

我們的與眾不同之處:

免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問(wèn):我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)服務(wù),您需要了解關(guān)于如何開(kāi)展網(wǎng)絡(luò)營(yíng)銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。

seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。

免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開(kāi)放給您!祝君成功!
聯(lián)系我們:010-62199213 62122723-808 400-697-8610 徐小姐



?

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354