現(xiàn)在很多的seoer在seo方面做得很出色,能將一個(gè)關(guān)鍵詞的排名做的很高,但是他們中很多人都忽略了seo和DIV重構(gòu)之間的關(guān)系,其中不乏專業(yè)的seoer

我們在優(yōu)化的時(shí)候常常會(huì)用到h1和strong等標(biāo)簽,比如h1表示標(biāo)題,strong表示強(qiáng)調(diào)作用,大家都知道這些標(biāo)簽里面的內(nèi)容更受到搜索引擎的重視,其中這里就牽涉到了XHTML語義的問題,當(dāng)然這是最簡單的,下面我們來看組黃山旅游()的列表:

這樣的列表我們怎么寫才更符合CSS的語義呢?我看到很多人的寫法是色塊A是一個(gè)div,B是一個(gè)div,C也是一個(gè)div,然后三個(gè)層相互疊加的,請問這么寫用CSS怎么解釋呢?一點(diǎn)語義都沒有,所以我建議這么寫:

以下為引用的內(nèi)容:<div><ul><li>< ul ><li>題目A</li><li>內(nèi)容A</li></ ul ></li><li>< ul ><li>題目B</li><li>內(nèi)容B</li></ ul ></li><li>< ul ><li>題目C</li><li>內(nèi)容C</li></ ul ></li></ul></div>

這樣看來語義就很明顯了,整體是一個(gè)列表,用ul書寫,每個(gè)ul里的列表li又包含了<ul>,這個(gè)ul又可以使用dl代替,即<li>< dl><dt>題目A</dt><dd>內(nèi)容A</dd></ dl></li>

相比而言,我更贊同后一種寫法,畢竟用dl比用ul的語義更加明確,dt就是表示題目,dd表示內(nèi)容.

下面我們再來看組黃山旅游的列表:

這樣的列表不適合D用一個(gè)DIV,E用一個(gè)DIV,然后二個(gè)層進(jìn)行疊加,我給大家的書寫建議是:

以下為引用的內(nèi)容:<dl><dt>旅游指南</dt><dd><ul><li></li><li></li></ul></dd></dl><dl><dt>旅游百寶箱</dt><dd><ul><li></li><li></li></ul></dd></dl>

可能有朋友會(huì)問,為什么<dd>里面還要嵌套一個(gè)ul,而不直接用dd標(biāo)簽?zāi)?這個(gè)主要是為了代碼的簡潔,我們將dd里面的內(nèi)容單獨(dú)用ul書寫,不僅適應(yīng)列表多樣性的變化,而且dl可以定義成一樣的,css代碼就簡潔了很多,語義也相當(dāng)?shù)拿鞔_.

總結(jié):我們經(jīng)常在SEO中提到代碼需要精簡,正確的div重構(gòu)不僅僅能夠使繁冗的代碼大大減少,同時(shí)XHTML語義也是相當(dāng)?shù)拿鞔_,我們看代碼看的清晰,作為一個(gè)特殊的客戶搜索引擎看代碼也是相當(dāng)?shù)那逦?自然會(huì)給你一個(gè)好的排名.