1、SEO 之 img 标签的 alt 与 title 属性 SEO 优化是慢工也是细活。细节做的好，如鱼得水，做的不好，举步维艰。做 SEO 优化的都知道，搜索引擎对图片理解是通过 alt 属性，所以在图片 alt 属性中用包含关键字的简要文字说明，也是页面优化的一部分。如果想要做的更好，可以在 title 属性里，进一步对图片说明，相关知识点 SEO 优化在图片优化方法| 百度图片优化 文章里有详细说明。今天来和大家分享图片 img 标签 alt 与 title 属性评测实验。图片 img 标签 alt 与 title 属性评测实验代码 说明：测试代码时把 分别替换为htmlbody pimg
2、 src=“ alt=“图片 alt 属性“/p pimg src=“ title=“图片 title 属性“/ppimg src=“ alt=“图片 alt 属性“ title=“图片 title 属性“/p pimg src=“1.jpg“ width=“200“ height=“200“ alt=“图片 alt 属性“/ppimg src=“1.jpg“ width=“200“ height=“200“ title=“图片 title 属性“/ppimg src=“1.jpg“ width=“200“ height=“200“ alt=“图片 alt 属性“ title=“图片 titl
3、e 属性“ /p/body /html图片 img 标签 alt 与 title 属性评测实验结果 图片地址出错，没有限定图片大小情况一、图片只有 alt 属性1、IE6 浏览器图片显示打叉与 alt 文字，鼠标移到图片上方有 alt 文字;2、360 浏览器5.1测试版(IE8 内核) 图片显示打叉与 alt 文字，鼠标移到图片上方有 alt 文字;3、火狐12.0 浏览器图片显示 alt 文字，鼠标移到图片上方没有 alt 文字;二、图片只有 title 属性1、IE6 浏览器图片显示打叉，鼠标移到图片上方有 title 文字;2、360 浏览器5.1测试版(IE8 内核) 图片显示打叉，
4、鼠标移到图片上方有 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测试版(I
5、E8 内核) 图片显示正常，鼠标移到图片上方有 alt 文字;3、火狐12.0 浏览器图片显示正常，鼠标移到图片上方没有 alt 文字;二、图片只有 title 属性1、IE6 浏览器图片显示正常，鼠标移到图片上方有 title 文字;2、360 浏览器5.1测试版(IE8 内核) 图片显示正常，鼠标移到图片上方有 title 文字;3、火狐12.0 浏览器图片显示正常，鼠标移到图片上方有 title 文字;三、图片有 alt 和 title 属性1、IE6 浏览器图片显示正常，鼠标移到图片上方有 title 文字;2、360 浏览器5.1测试版(IE8 内核) 图片显示正常，鼠标移到图片上方
6、有 title 文字;3、火狐12.0 浏览器图片显示正常，鼠标移到图片上方有 title 文字;一般用法如下代码：htmlbody p title=“给普通文字提示 “文字/p a href=“http:/ title=“关键词“文字/a a href=“http:/ title=“标题“文字/a/body /html SEO 优化总结图片 img 标签 alt 与 title 属性评测实验 alt 和 title 都是提示性语言标签，它们之间是有区别的。alt 是当图片不存在时的替代文字;title 是对图片的描述与进一步说明;在使用 360 浏览器5.1 测试版(IE8 内核)看只有 alt 属性的图片没有显示，而测试过程却能显示，这是让 SEO 优化困惑的，如果有知道的朋友麻烦告知，谢谢。 而火狐12.0 浏览器 alt 属性是不显示的，只显示 title 属性;在 ie6，当鼠标经过图片时 title 和 alt 的值都会显示。如果 alt 和 title 属性同时存在，显示的是 title 值。SEO 优化扩展补充：alt 属性一般用于图片提示，title 还可以用于给普通文字或者链接文字提示。 梦蕾设计 http:/
