图片标签alt属性和title属性的作用

alt属性：为图片添加注释；
title属性：为图片链接添加注释。

 alt属性
从seo来看，alt属性是搜索引擎唯一能识别的图片信息。网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以， 别忘了在图片的ALT-代替属性里添加上该网页的关键词。因此，在优化网站时，尽可能利用alt属性阐述图片的主题内容，但是又要避免关键词的重叠堆砌；
从用户体验来看：
对于用户来讲：假如某一幅图片的URL出错或由于网络的缘由打不开，图片出错的位置则会显示该图片的alt注释内容，这样用户体验也得到了提升。正规的网站都应该这样做。
更多了解，请点击《百度百科》


Title属性
官方对title属性定义是注释图片链接的作用，但是当一个图片没有链接的时候，我们也需要用到title属性，这就关乎到用户体验了。我认为title属性就是为用户体验而生的，对于seo没什么作用，因为搜索引擎不认这个属性，那什么时候用到title标签呢？当图片有链接的时候要用到，这样用户点到这张图片的时候就会显示文字，用户就可以根据文字来判断这个加载页面是否是自己感兴趣的，减少无用页面的加载。当图片没有链接，同时图片旁边没有文字标题或者文字标题很长显示不全的时候，我们也要用到title属性来告诉用户这个图片是什么。

tile属性是鼠标悬停图片时，可以显示的内容（对用户体验有好处）；alt属性是图片无法显示时，显示的内容（对seo有好处）。

泰孚云建站平台开放了设置所有图片alt属性的入口，title属性没有单独设置的入口。在组件中，alt属性设置了会默认放到alt属性和title属性中。

图片组件中设置alt属性入口：

滚动图片组件设置alt属性入口：

内容管理-》编辑产品或者文章添加alt属性操作入口：