今天在设置植物转基因中心的“交流访问”模块时，突发这个话题，图片标签<img>中alt和title属性对搜索引擎优化（SEO）有帮助吗？因为交流访问<div>是图片展示形式，我只定义了Alt属性，而忽略了title属性。Google告诉我很多，通过综合考虑，我建议每个<img>中alt和title都要添加。

先来些理论知识：

Img标签有两个属性分别为alt和title。Alt属性为必须属性，其作用是图片在无法正确显示的时候起到文本替代的作用，以帮助访问者了解图像的内容，否则图片就直接显示一个X。title属性是为元素提供建议性的信息，它不是必须的属性。title所定义的内容即鼠标划到图片时显示的文字，这一点对用户体验上很重要。

这里说明下，有一些浏览器（IE6帮的）alt属性还起到title属性的作用中，这使得我们在alt与title属性的使用上就存在一些混淆。其实，IE6的实现方法实际上是错误的，如果想在鼠标滑过时显示提示信息，biotechgo建议还是用title属性定义。这里要再点名表扬下Firefox同学。

插一个图片实例下，以便更好的理解以上内容。

效果一（只加alt属性）：

效果二（alt和title属性都添加）：

搜索引擎会抓取alt属性的内容，这一点是肯定的。至于是否抓取title属性的内容还不得而知。所以每一个图片标签中一定要设置alt属性，实在没有内容，就指定alt属性为空白：alt=” “，也建议设置title属性，至少能提供良好的用户体验，使得访问者知道这些链接将会带他们到什么地方。

最后，说一下alt和title属性的长度。要确保alt属性说明文本的长度少于100个英文字符，太长可能被视为垃圾文本。title属性值可以比alt属性值设置的更长。