现在很多的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语义也是相当的明确，我们看代码看的清晰，作为一个特殊的客户搜索引擎看代码也是相当的清晰，自然会给你一个好的排名。

评论 (0) All

登陆 还没注册？