img标签中Alt和Title属性与SEO研究
今天在设置植物转基因中心的“交流访问”模块时,突发这个话题,图片标签<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属性值设置的更长。
相关阅读: