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

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

這樣的列表我們怎么寫才更符合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)容.

下面我們再來看組黃山旅游的列表:

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

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

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