NIC站长论坛's Archiver

广告位招租

miseo 发表于 2008-8-25 07:04

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

<span class="ad310" style="margin:0"></span>            <span class="310" style="margin:0"></span>                  <p>现在很多的seoer在SEO方面做得很出色,能将一个关键词的排名做的很高,但是他们中很多人都忽略了SEO和DIV重构之间的关系,其中不乏专业的seoer</p><p>我们在优化的时候常常会用到h1和strong等标签,比如h1表示标题,strong表示强调作用,大家都知道这些标签里面的内容更受到搜索引擎的重视,其中这里就牵涉到了XHTML语义的问题,当然这是最简单的,下面我们来看组黄山旅游(www.hssjfc.cn)的列表:</p><p>&nbsp;</p><p><br />这样的列表我们怎么写才更符合CSS的语义呢?我看到很多人的写法是色块A是一个div,B是一个div,C也是一个div,然后三个层相互叠加的,请问这么写用CSS怎么解释呢?一点语义都没有,所以我建议这么写:</p><p>                        以下为引用的内容:<br />&lt;div&gt;&lt;ul&gt;<br />&lt;li&gt;&lt; ul &gt;&lt;li&gt;题目A&lt;/li&gt;&lt;li&gt;内容A&lt;/li&gt;&lt;/ ul &gt;&lt;/li&gt;<br />&lt;li&gt;&lt; ul &gt;&lt;li&gt;题目B&lt;/li&gt;&lt;li&gt;内容B&lt;/li&gt;&lt;/ ul &gt;&lt;/li&gt;<br />&lt;li&gt;&lt; ul &gt;&lt;li&gt;题目C&lt;/li&gt;&lt;li&gt;内容C&lt;/li&gt;&lt;/ ul &gt;&lt;/li&gt;<br />&lt;/ul&gt;&lt;/div&gt;            </p><p>这样看来语义就很明显了,整体是一个列表,用ul书写,每个ul里的列表li又包含了&lt;ul&gt;,这个ul又可以使用dl代替,即&lt;li&gt;&lt; dl&gt;&lt;dt&gt;题目A&lt;/dt&gt;&lt;dd&gt;内容A&lt;/dd&gt;&lt;/ dl&gt;&lt;/li&gt;</p><p>相比而言,我更赞同后一种写法,毕竟用dl比用ul的语义更加明确,dt就是表示题目,dd表示内容。</p><p>下面我们再来看组黄山旅游hssjfc.cn的列表:</p><p align="center"></p><p>&nbsp;<br />这样的列表不适合D用一个DIV,E用一个DIV,然后二个层进行叠加,我给大家的书写建议是:</p><p>                        以下为引用的内容:<br />&lt;dl&gt;<br />&lt;dt&gt;旅游指南&lt;/dt&gt;<br />&lt;dd&gt;&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/dd&gt;<br />&lt;/dl&gt;<br />&lt;dl&gt;<br />&lt;dt&gt;旅游百宝箱&lt;/dt&gt;<br />&lt;dd&gt;&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/dd&gt;<br />&lt;/dl&gt;            </p><p>可能有朋友会问,为什么&lt;dd&gt;里面还要嵌套一个ul,而不直接用dd标签呢?这个主要是为了代码的简洁,我们将dd里面的内容单独用ul书写,不仅适应列表多样性的变化,而且dl可以定义成一样的,css代码就简洁了很多,语义也相当的明确。</p><p>总结:我们经常在SEO中提到代码需要精简,正确的div重构不仅仅能够使繁冗的代码大大减少,同时XHTML语义也是相当的明确,我们看代码看的清晰,作为一个特殊的客户搜索引擎看代码也是相当的清晰,自然会给你一个好的排名。<br /></p>

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.