费明红：XHTML语义在SEO优化中的应用

superadmin · 发表于 2008-8-24 16:00:36

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

		自动登录	找回密码
密码			注册

全国各地医院查询	重量转换换算	RGB颜色查询	交通标志大全	各类快递查询
简体繁体转换	黄金价格实时走势	万年历查询	实时汇率转换	列车时刻查询
在线翻译工具	CSS中文手册	HTML学习教程	MySQL中文手册	JavaScript中文手册
PHP安全基础手册	PHP5面向对象编程教程	正则表达式系统教程	SQL Server精华	Apache 2.2 中文手册
DOS命令全集指南	windows脚本技术中文版	股票行情查询	历史上的今天	邮编区号查询
长度转换换算	货币汇率转换	常用电话号码	体育彩票查询	手机位置查询
域名Whois信息查询	谷歌PR值查询	台州网站建设	台州网站开发	台州域名注册
天气预报查询	长度转换换算器	在线电子地图	车牌号码查询	中国百家姓查询