宝宝健康成长网首页刘易桉宝宝健康成长 林林微博 育儿护理知识 宝宝网址导航
当前位置: 首页 >> 网络学习 >> img标签中Alt和Title属性与SEO研究

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属性值设置的更长。

发表评论

^留言没头像?教你设置头像!
我的应用 Follow@cnbabyup 宝宝问答>  0-1岁  1-3岁  3-6岁 手气不错