图片标签img中alt与title的区别

可能很多新手在做站内优化的时候，不明白图片标签img中alt与title的区别，今天就单独为大家整理分享一下其中的区别。

大家可以一起动手来做测试：把以下代码保存的文本中，命名为.html结尾的文件，然后分别用不同浏览器打开。

代码：

ie6下各代码的表现

ie8下各代码的表现

firefox下各代码的表现

从以上三组图中我们可以看出alt与title的不同：

1、含义不同

alt是当图片不存在时的替代文字；title是对图片的描述与进一步说明

2、在浏览器中的表现不同

在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示；只有在ie6中，当鼠标经过图片时title和alt的值都会显示。

对于网站seo优化来说，title与alt还有最重要的一点：

搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包含关键词，也是页面优化的一部分。条件允许的话，可以在title属性里，进一步对图片说明。

作者：孟凡成@sem学院

原文链接：http://www.semxyz.com/seo/780.html

版权所有，转载请以链接形式注明作者及原始出处。

标签： 图片标签优化 alt title 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。