一对一免费咨询: 13913005726 025-66045668

北京顺义区网站建设公司

现在很多的seoer在SEO方面做得很出色,能将一个关键词的排名做的很高,但是他们中很多人都忽略了SEO和DIV重构之间的关系,其中不乏专业的seoer

我们在优化的时候常常会用到h1和strong等标签,比如h1表示标题,strong表示强调作用,大家都知道这些标签里面的内容更受到搜索引擎的重视,其中这里就牵涉到了XHTML语义的问题,当然这是最简单的,下面我们来看组黄山旅游(www.hssjfc.cn)的列表:


这样的列表我们怎么写才更符合CSS的语义呢?我看到很多人的写法是色块A是一个div,B是一个div,C也是一个div,然后三个层相互叠加的,请问这么写用CSS怎么解释呢?一点语义都没有,所以我建议这么写:

品牌网站建设

以下为引用的内容:
divul
li ul li题目A/lili内容A/li/ ul /li
li ul li题目B/lili内容B/li/ ul /li
li ul li题目C/lili内容C/li/ ul /li
/ul/div

这样看来语义就很明显了,整体是一个列表,用ul书写,每个ul里的列表li又包含了ul,这个ul又可以使用dl代替,即li dldt题目A/dtdd内容A/dd/ dl/li

相比而言,我更赞同后一种写法,毕竟用dl比用ul的语义更加明确,dt就是表示题目,dd表示内容。

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


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

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

威海网站建设公司

可能有朋友会问,为什么dd里面还要嵌套一个ul,而不直接用dd标签呢?这个主要是为了代码的简洁,我们将dd里面的内容单独用ul书写,不仅适应列表多样性的变化,而且dl可以定义成一样的,css代码就简洁了很多,语义也相当的明确。

总结:我们经常在SEO中提到代码需要精简,正确的div重构不仅仅能够使繁冗的代码大大减少,同时XHTML语义也是相当的明确,我们看代码看的清晰,作为一个特殊的客户搜索引擎看代码也是相当的清晰,自然会给你一个好的排名。


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询