在HTML代码中，图片的代码一般是这样出现的<img src=""alt="">。其中，<img>是不对称标记符号，后面无须跟</img>，sr后面跟的是某个图片的存储位置。alt后面的引号部分的内容就是图片的描述性文字。有时还会在img标签中加入title标签，它的效果是当鼠标悬停在该图片上的时候会显示title标签的文字信息。

title和alt有什么区别呢？alt属性是图片内容的等价描述，当因为某些问题(如网络信号差)无法正常加载图片时，原本应该出现某张图片的地方会出现一个破损图片的小图标，该小图标的附近会显示一行字，这行字的内容就来自at属性。也就是说，非完全加载图片情况下以alt属性的内容替代图片。

而title属性的作用是为图片提供额外的说明信息，可以用在HTML中除了base、base font、head、html、meta、param、script和title之外的所有标签中。因为title属性是作为补充说明存在的，所以它就有了一个比较好的作用，就是对待跳转的链接进行说明。简单点说，就是为链接添加描述性文字。

网站图片，该图片的alt属性是“SAUVAGE 香薰”，正常情况下看不到alt的属性文字。当将鼠标指针移动到该图片上时，因为代码中并没有title属性，，所以不显示任何title文字。为了让对title的功能有更直观的了解，使用Chrome浏览器的开发者模式添加了一段title代码。

这时候将鼠标指针移动到该图片上时，就会出现title中的文字描述了。

在网站后台上传图片一般有两种方式。第一种是在WordPress后台的媒体库中直接上传本地计算机上的图片，第二种是用Elementor编辑器的图像小工具进行上传。当然，它也是先将本地计算机上的图片上传到WordPress的媒体库后再进行调用的。

按照“添加新文件”→“选择文件”的顺序，将本地计算机中已经处理好的图片上传到WordPress网站后台，媒体库中该图片右边有一个“编辑”按钮，单击它之后会进入页面，在该页面中可以添加替代文本、说明文字和描述。

替代文本就是alt属性，在谷歌SEO中，这个替代文本比说明文字和描述文字更加重要。