img标签中alt属性与title属性在seo的作用-摘自网友-优快云博客

本文详细解释了HTML img标签中alt和title属性的用途，包括它们如何帮助视觉障碍用户、搜索引擎优化以及浏览器的显示差异。通过实例分析，读者能够深入理解这两个属性的用法及其在不同浏览器中的表现。

img标签中alt属性与title属性作用，也许大家比较迷惑，现在给大家举例说明。alt属性是图片的替换文字。title属性规定元素的额外信息，有视觉效果。

alt属性

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO

title属性

1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。

ie和firefox下展示

hdwiki百科

喜欢

图片1源码为：<img title="hdwiki" alt="hdwiki百科" src="http://a4.att.hudong.com/18/06/19300000013045130284066992061_950.jpg">

hdwiki百科

喜欢

图片2源码为：<img alt="hdwiki百科" src="http://a4.att.hudong.com/18/06/19300000013045130284066992061_950.jpg">

1、在ie下，图片1摸上去显示“hdwiki”，图片2摸上去显示“hdwiki百科”
2、在firefox下，图片1摸上去显示hdwiki，图片2摸上去什么也不显示。

说明的问题：
1、在ie下，没有title时，alt 有title属性的作用
2、在ie下，同时存在title，alt属性时，鼠标滑过的优先显示级别，title要高于alt
3、IE浏览器给了大家一个误导，在IE中ALT会变成title属性的文字提示是因为IE不标准。这一点Firefox做的就比较好。

转载于:https://www.cnblogs.com/xiaoleidiv/p/3147978.html