搜索引擎优化优化是慢工也是细活。细节做的好，如鱼得水，做的欠好，寸步难行。做搜索引擎优化优化的都知道，搜索引擎对图片理解是通过alt属性，所以在图片alt属性中用包含关头字的扼要文字说明，也是页面优化的一部分。如果想要做的更好，可以在title属性里，进一步对图片说明。今天就和年夜家分享图片img标签alt与title属性评测实验。

图片img标签alt与title属性评测实验代码说明：测试代码时把＜ ＞别离替换为<>

＜html＞

＜body＞

＜p＞＜img src="" alt="图片alt属性"＞＜/p＞

＜p＞＜img src="" title="图片title属性"＞＜/p＞

＜p＞＜img src="" alt="图片alt属性" title="图片title属性"＞＜/p＞

＜p＞＜img src="1.jpg" width="200" height="200" alt="图片alt属性"＞＜/p＞

＜p＞＜img src="1.jpg" width="200" height="200" title="图片title属性"＞＜/p＞

＜p＞＜img src="1.jpg" width="200" height="200" alt="图片alt属性" title="图片title属性"＞＜/p＞

＜/body＞

＜/html＞

图片img标签alt与title属性评测实验成果：

图片地址出错，没有限定图片年夜小情况

一、图片只有alt属性

1、IE6 阅读器图片显示打叉与alt文字，鼠标移到图片上方有alt文字;

2、360 阅读器5.1测试版（IE8 内核）图片显示打叉与alt文字，鼠标移到图片上方有alt文字;

3、火狐12.0 阅读器图片显示alt文字，鼠标移到图片上方没有alt文字;

2、图片只有title属性

1、IE6 阅读器图片显示打叉，鼠标移到图片上方有title文字;

2、360 阅读器5.1测试版（IE8 内核）图片显示打叉，鼠标移到图片上方有title文字;

3、火狐12.0 阅读器显示破损图片标记，鼠标移到图片上方有title文字;

三、图片有alt和title属性

1、IE6 阅读器图片显示打叉与alt文字，鼠标移到图片上方有title文字;

2、360 阅读器5.1测试版（IE8 内核）图片显示打叉与alt文字，鼠标移到图片上方有title文字;

3、火狐12.0 阅读器显示alt文字，鼠标移到图片上方有title文字;

图片地址正常，并且限制图片年夜小情况

一、图片只有alt属性

1、IE6 阅读器图片显示正常，鼠标移到图片上方有alt文字;

2、360 阅读器5.1测试版（IE8 内核）图片显示正常，鼠标移到图片上方有alt文字;

3、火狐12.0 阅读器图片显示正常，鼠标移到图片上方没有alt文字;

2、图片只有title属性

1、IE6 阅读器图片显示正常，鼠标移到图片上方有title文字;

2、360 阅读器5.1测试版（IE8 内核）图片显示正常，鼠标移到图片上方有title文字;

3、火狐12.0 阅读器图片显示正常，鼠标移到图片上方有title文字;

三、图片有alt和title属性

1、IE6 阅读器图片显示正常，鼠标移到图片上方有title文字;

2、360 阅读器5.1测试版（IE8 内核）图片显示正常，鼠标移到图片上方有title文字;

3、火狐12.0 阅读器图片显示正常，鼠标移到图片上方有title文字;

搜索引擎优化优化总结图片img标签alt与title属性评测实验alt和title都是提示性语言标签，它们之间是有区别的。alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明;在使用360 阅读器5.1测试版（IE8 内核）看只有alt属性的图片没有显示，而测试过程却能显示，这是让搜索引擎优化优化猜疑的，如果有知道的朋友麻烦奉告，谢谢。而火狐12.0 阅读器alt属性是不显示的，只显示title属性;在ie6，当鼠标颠末图片时title和alt的值城市显示。如果alt和title属性同时存在，显示的是title值。

搜索引擎优化优化扩大弥补：alt属性一般用于图片提示，title还可以用于给普通文字或链接文字提示。

一般用法如下代码：

＜html＞

＜body＞

＜p title="给普通文字提示"＞文字＜/p＞

＜a href=".***/" title="给链接文字提示"＞文字＜/a＞

＜/body＞

＜/html＞

本文由搜索引擎优化优化.fq搜索引擎优化/原创，转载请保存链接！