相信現(xiàn)在很多網(wǎng)站還是使用table布局吧,在這里也不是說(shuō)table的不好,畢竟不錯(cuò)位和簡(jiǎn)便是他的一個(gè)優(yōu)勢(shì)，很多人放棄了div+css布局是因?yàn)樗麄儗?xiě)不出符合游覽器的兼容，前端時(shí)間我就問(wèn)了個(gè)朋友說(shuō)你幫客戶(hù)做網(wǎng)站使用table的話(huà)不覺(jué)得很不完美嗎？因?yàn)橛悬c(diǎn)知識(shí)的seoer都知道搜索引擎是不爬table三層內(nèi)的代碼，而且table代碼的那些臃腫更是讓前端開(kāi)發(fā)師受不了。

下面我們不詳談如何寫(xiě)div+css，因?yàn)橹拔乙呀?jīng)有發(fā)表過(guò)一篇如何學(xué)習(xí)div+css了，下面我要談?wù)摰氖侨绾尾拍軐?xiě)出符合SEO的div+css，這個(gè)是重點(diǎn)，就拿最近為客戶(hù)做網(wǎng)站重構(gòu)的一些例子來(lái)說(shuō)吧，有些雖然是用div+css寫(xiě)的，但是他們寫(xiě)的真是亂七八糟的，檢查了一下首頁(yè)，對(duì)處使用了H1標(biāo)簽，在SEO中，H1是非常好用的，但是我的觀點(diǎn)是不可以多用，一個(gè)頁(yè)面最好只用一個(gè)，而且放在頁(yè)面最為重要的地方，一般是放在標(biāo)題，而出現(xiàn)太多的H1的話(huà)，搜索引擎會(huì)認(rèn)為你是在作弊,把站給K了就得不償失了。

第二就是要為鏈接增加title，為圖片增加alt，它們的好處我就不多說(shuō)了,反正在寫(xiě)div的時(shí)候多加一下不會(huì)很難。

第三，我們記得要在頭部上面添加

<meta name="description" content="">
<meta name="keywords" content="">

這里我只是說(shuō)如何針對(duì)SEO寫(xiě)div+css，而不是說(shuō)做SEO就這有這些，SEO包括著很多，例如內(nèi)外鏈接，內(nèi)部的結(jié)構(gòu)目錄等。