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

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

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

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

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

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

下面我們再來(lái)看組黃山旅游的列表:

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

以下為引用的內容:<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標簽呢?這個(gè)主要是為了代碼的簡(jiǎn)潔,我們將dd里面的內容單獨用ul書(shū)寫(xiě),不僅適應列表多樣性的變化,而且dl可以定義成一樣的,css代碼就簡(jiǎn)潔了很多,語(yǔ)義也相當的明確.

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