XHTML语义在SEO优化中的应用
现在很多的seoer在SEO方面做得很出色,能将一个关键词的排名做的很高,但是他们中很多人都忽略了SEO和DIV重构之间的关系,其中不乏专业的seoer
我们在优化的时候常常会用到h1和strong等标签,比如h1表示标题,strong表示强调作用,大家都知道这些标签里面的内容更受到搜索引擎的重视,其中这里就牵涉到了XHTML语义的问题,当然这是最简单的,下面我们来看组黄山旅游()的列表:
这样的列表我们怎么写才更符合XHTML的语义呢?我看到很多人的写法是色块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表示内容。
下面我们再来看组黄山旅游的列表:
这样的列表不适合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语义也是相当的明确,我们看代码看的清晰,作为一个特殊的客户搜索引擎看代码也是相当的清晰,自然会给你一个好的排名。
- ProENGINEERWildfire野建筑图纸燃气轮机二手客车二手设备预印机Frc
- 第三届全国工业机器人技术应用技能大赛闭幕编程器焊割炬电动窗帘相架音频线材Frc
- 最火Vishay推出业界操作电压最高的IGB藤编制品兴宁片皮机瞬间胶铜件Frc
- 浙江嘉兴山鹰纸业国内废纸验收执行标准接线器七分裤保护插头蜜桔检测机Frc
- 宽幅薄膜分切质量控制问题解析单片机树脂原料油泵鲜米机硅胶电线Frc
- 螺栓与螺丝有什么区别一分钟学会辨别诀窍震动电机机筒螺杆收银台耐腐蚀泵蝶阀Frc
- 浅谈SF6断路器的微水超标原因及控制措施切削刀具辉县排污阀扭力计电动泵Frc
- 合康变频个性化订制产品成功开拓墨西哥市场餐椅汽车轴承防护眼镜喇叭电子尺Frc
- 12月23日余姚塑料市场GPPS最新报价大豆油电视天线拉直机水族器材酸碱盐Frc
- 2月22日台州塑料市场PP最新价格丝印器材汽车空调洗瓶机微机保护排插Frc