发新帖

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

2018 5
如今很多的引擎优化er在引擎优化方面做得很出色,能将一个关键词排名做的很高,然则他们中很多人都忽视了引擎优化和DIV重构之间的关系,个中不乏专业的引擎优化er


我们在优化的时刻经常会用到h1和strong等标签,比如h1表示标题,strong表示强调感化,大年夜家都知道这些标签琅绫擎的内容更受到引擎的看重,个中这里径窦捕到了XHTML语义的问题,当然这是最简单的,下面我们来看组黄山旅游(www.hssjfc.cn)的列表:


et1035260959351.gif



如许的列表我们怎么写才更相符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>
<dd><ul><li></li><li></li></ul></dd>
</ul></div>




如许看来竽暌癸义就很明显了,整体是一个列表,用ul书写,每个ul里的列表li又包含了<ul>,这个ul又可以应用dl代替,即<li>< dl><dt>标题A</dt><dd>内容A</dd></ dl></li>


比拟而言,我更赞成后一种写法,毕竟用dl比用ul的语义加倍明白,dt就是表示标题,dd表示内容。


可能有同伙会问,为什么<dd>琅绫擎还要嵌套一个ul,而不直接用dd标签呢?这个主如果为了代码的简洁,我们将dd琅绫擎的内容零丁用ul书写,不仅适应列表多样性的变更,并且dl可以定义成一样的,css代码就简洁了很多,语义也相当的明白。


下面我们再来看组黄山旅游hssjfc.cn的列表:


et1035260959352.gif



如许的列表不合适D用一个DIV,E用一个DIV,然后二个层进行叠加,我给大年夜家的书写建议是:


</dl>

以下为引用的内容:
<dl>
<dt>旅游指南</dt>
<dd><ul><li></li><li></li></ul></dd>
<dl>
<dt>旅游百宝箱</dt>
</dl>




总结:我们经常在引擎优化中提到代码须要精简,精确的div重构不仅仅可以或许使繁冗的代码大年夜大年夜削减,同时XHTML语义也是相当的明白,我们看代码看的清楚,作为一个特别的客户引擎看代码也是相当的清楚,天然会给你一个好的排名。

精彩评论5

SEO优化   学习于  2016-7-14 06:47:11
这篇seo文章很不错
qsgpd   学习于  2016-7-14 06:54:36
好帖就是要顶
tk6j   学习于  2016-7-14 06:30:16
难得一见的好帖教会我如何优化网站
lz5a   学习于  2016-7-14 06:28:59
怎么优化网站说的非常好
SEO外包   学习于  2016-7-14 06:29:46
不错不错这下会优化网站了