网站优化之图片alt属性和title属性的区别

文章详情

不管是做网站优化的还是搞网站建设的，这中间有很多人对图片是用alt属性还是用title属性不清楚，然后怎么来用，很迷茫，不是很清楚。那壹点

不管是做网站优化的还是搞网站建设的，这中间有很多人对图片是用alt属性还是用title属性不清楚，然后怎么来用，很迷茫，不是很清楚。那壹点胜科技就来说说他们的作用以及怎么用，这样就知道什么时候该用了。

alt属性是对图片起到一个注释的作用，现在搜索引擎对图片的读取功能有限，当我们要告诉搜索引擎这个图片是什么的时候就会用到alt属性，同时对于seo也是很有好处的，可以适当的增加某个关键词密度（切忌关键词堆砌）。其实当你用到一些站长工具的时候，会提示你首页有多少个图片没有加alt属性。最近的百度统计的seo建议里面也会检测这一项，可想而知alt属性对于seo的作用是很大的。

title属性，当鼠标放到图片上时会显示title属性里面的文字，官方对title属性定义是注释图片链接的作用，但是当一个图片没有链接的时候，我们也需要用到title属性，这就关乎到用户体验了。我认为title属性就是为用户体验而生的，对于seo没什么作用，有的人说他也能增加关键词密度，这点我不敢苟同，因为搜索引擎不认这个属性，从百度统计的seo建议就可以看出来。那什么时候用到title标签呢？当图片有链接的时候要用到，这样用户点到这张图片的时候就会显示文字，用户就可以根据文字来判断这个加载页面是否是自己感兴趣的，减少无用页面的加载。当图片没有链接，同时图片旁边没有文字标题或者文字标题很长显示不全的时候，我们也要用到title属性来告诉用户这个图片是什么。title属性为用户体验而生没有错吧。

说到这里，大家对这两个图片属性的作用应该就很清楚了，alt属性起到利于seo的作用，title属性起到提高用户体验的作用。那分别什么时候用呢？alt属性毫无疑问，有图片的地方都要用到alt属性；title属性在一种情况下可以不要用，那就是图片没有链接，同时图片旁边已经有文字说明，这个时候就不要多此一举去告诉用户这个图片说明什么了。