費明紅:XHTML語義在SEO優化中的應用

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

我們在優化的時候常常會用到h1和strong等標簽,比如h1表示標題,strong表示強調作用,大傢都知道這些標簽裡面的內容更受到搜索引擎的重視,其中這裡就牽涉到瞭XHTML語義的問題,當然這是最簡單的,下面我們來看組黃山旅遊()的列表:

這樣的列表我們怎麼寫才更符合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語義也是相當的明確,我們看代碼看的清晰,作為一個特殊的客戶搜索引擎看代碼也是相當的清晰,自然會給你一個好的排名。