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

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

 

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

以下為引用的內(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>

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

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

下面我們再來看組黃山旅游hssjfc.cn的列表：

 
這樣的列表不適合D用一個DIV，E用一個DIV，然后二個層進(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>

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

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

標(biāo)簽： SEO優(yōu)化 xhtml 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。