SEO優化中XHTML語義的應用

現在很多的seoer在SEO方面做得很出色，能將一個關鍵詞的排名做的很高，但是他們中很多人都忽略了SEO和DIV重構之間的關系，其中不乏專業的seoer

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

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

以下為引用的內容：

<div><ul>

<li>< ul ><li>題目A</li><li>內容A</li></ ul ></li>

<li>< ul ><li>題目B</li><li>內容B</li></ ul ></li>

<li>< ul ><li>題目C</li><li>內容C</li></ ul ></li>

</ul></div>

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

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

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

這樣的列表不適合D用一個DIV，E用一個DIV，然后二個層進行疊加，我給大家的書寫建議是：

以下為引用的內容：

<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標簽呢?這個主要是為了代碼的簡潔，我們將dd里面的內容單獨用ul書寫，不僅適應列表多樣性的變化，而且dl可以定義成一樣的，css代碼就簡潔了很多，語義也相當的明確。

總結：我們經常在SEO中提到代碼需要精簡，正確的div重構不僅僅能夠使繁冗的代碼大大減少，同時XHTML語義也是相當的明確，我們看代碼看的清晰，作為一個特殊的客戶搜索引擎看代碼也是相當的清晰，自然會給你一個好的排名。

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]