网页优化之代码优化篇

我们以前布局遍地table,后来引进了div,一大群人又遍地div,嵌套的那简直还不如table。。
后来大家学会了规范,慢慢的开始注意层次,学会了读取数据用table,布局用div,展示用css控制

既然用DIV了,我们应该抛弃一些标签,比如<br>,标准化的写法应该是<br />。。。。。我们应该学会用P来控制段落。

同样,我们应该抛弃<b>.他和<strong>标签展示样子一样,都是加粗,但给予搜索引擎的意义却不一样,或者就是大家所说的权重。

  • <b>变粗</b>
  • <strong>变粗</strong>

如果我们要强调某个关键字,用到的加粗显示肯定首选strong,对于某些应该强调缺不来抢占网站权重的词,我喜欢用em把他括起来。
以前经常用<span style="color:red">之类的。。。

另外如果网站中的标题部分,很多人经常用<div>然后再写css的样式来定义。。这个是很不划算的,你用个h1,然后重写h1的样式,这样更方面些。对于搜索引擎来说,也更好识别些。另外注意h1标签的滥用。尽量将他作为一级标题来使用.

  • <div>我是标题</div>
  • <h1>我是真标题</h1>

再来谈关于img标签的alt,title,alt只是作为一种对于图片无法显示时候的提示而用的,而title更能告诉搜索引擎,你这个图片的主题是什么
目前流行的写法是

  • <img src="" alt="" title="" />

还有一个就是<dl>、<dt>、<dd>,以前我只会用ul,li来排版遇到改用dl dt的地方也是嵌套ul来实现。代码臃肿,并且真的很不和谐。。
而用dl来的话就很清晰了

  • <dl>
  •     <dt>A5</dt>
  •     <dd>这里是一个充满这MJJ,并且菊花盛开的地方</dd>
  • </dl>

另外,本人测试,貌似google对代码的重视程度比百度要好很多。也不知道国外很多人买模板是不是基于这个原因。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: