图片优化的alt和title区别

浏览 发布时间 2010/11/02

互联网是丰富多彩的,可是搜索引擎却读不懂一片片精美图片,那么搜索引擎该如何来识别图片内容呢?它是依靠图片的alt和title标签,那么在图片优化中,alt和title区别是什么样的呢?下面我将和大家分享有关,图片优化的alt和title区别知识。

首先通过一个实例,我们实际观察下,图片优化的alt和title区别:

代码是:<img src="/uploadfile/201011/2/F410546616.gif" title="北京网站优化">

北京网站优化

代码是:<img src="/uploadfile/201011/2/F410546616.gif" alt="北京网站优化">

当图片失效后,alt和title区别?

代码是:<img src="/uploadfile/201011/2/F410546616.gif" title="title失效后的图片显示">

alt失效后的图片显示

代码是:<img src="/uploadfile/201011/2/F410546616.gif" alt="alt失效后的图片显示">

以上引用是完全相同一张图片,移动鼠标到图片,都可以获得图片提示的,区别在于当图片失效的时候,title不显示文字信息,而alt的会显示图片的说明信息,所以通过这一点点的区别,我们应该能得出一个比较浅显认识:

在锚文本中,可以使用title当作链接的说明文字,而在图片优化中,使用alt标签具有更长久的可靠性,因为当图片失效以后,alt会保留原始的说明信息,而不是简单一个红叉,所以站在用户体验角度,应该使用alt标签。

本文主要是和大家,分享了图片优化的alt和title区别,如果你想了解更多图片优化知识,可以看以前之前老文章。

文章作者:北京网站优化@红光(QQ:86541358)
文章地址:http://www.010wangzhanyouhua.com/images-alt-title/
尊重别人的劳动成果,你的劳动成果也一定会被尊重。
文章来源:除注明来自转载,其余全部为原创文章。
旨在和大家分享网站优化经验、普及网站优化知识。
如果你喜欢本站的文章,转载时请保留文章出处,谢谢。 var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F228e1f36afdcb394a9b26b873488ff28' type='text/javascript'%3E%3C/script%3E"));