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

現(xiàn)在很多的seoer在SEO方面做得很出色，能將一個(gè)關(guān)鍵詞的排名做的很高，但是他們中很多人都忽略了SEO和DIV重構(gòu)之間的關(guān)系，其中不乏專(zhuā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語(yǔ)義的問(wèn)題，當(dāng)然這是最簡(jiǎn)單的，下面我們來(lái)看組黃山旅游（www.hssjfc.cn）的列表：

這樣的列表我們?cè)趺磳?xiě)才更符合CSS的語(yǔ)義呢？我看到很多人的寫(xiě)法是色塊A是一個(gè)div，B是一個(gè)div，C也是一個(gè)div，然后三個(gè)層相互疊加的，請(qǐng)問(wèn)這么寫(xiě)用CSS怎么解釋呢？一點(diǎn)語(yǔ)義都沒(méi)有，所以我建議這么寫(xiě):

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

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

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

下面我們?cè)賮?lái)看組黃山旅游hssjfc.cn的列表：

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

以下為引用的內(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ì)問(wèn)，為什么<dd>里面還要嵌套一個(gè)ul，而不直接用dd標(biāo)簽?zāi)?這個(gè)主要是為了代碼的簡(jiǎn)潔，我們將dd里面的內(nèi)容單獨(dú)用ul書(shū)寫(xiě)，不僅適應(yīng)列表多樣性的變化，而且dl可以定義成一樣的，css代碼就簡(jiǎn)潔了很多，語(yǔ)義也相當(dāng)?shù)拿鞔_。

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

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