SEO優(yōu)化中XHTML語義的應(yīng)用

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

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

這樣的列表我們?cè)趺磳懖鸥�符合CSS的語義呢？我看到很多人的寫法是色塊A是一個(gè)div，B是一個(gè)div，C也是一個(gè)div，然后三個(gè)層相互疊加的，請(qǐng)問這么寫用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)容。

下面我們?cè)賮砜唇M黃山旅游hssjfc.cn的列表：

這樣的列表不適合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è)主要是為了代碼的簡(jiǎn)潔，我們將dd里面的內(nèi)容單獨(dú)用ul書寫，不僅適應(yīng)列表多樣性的變化，而且dl可以定義成一樣的，css代碼就簡(jiǎn)潔了很多，語義也相當(dāng)?shù)拿鞔_。

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

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]