替代文本 – 也称为替代描述、替代标签或替代属性，是屏幕阅读器阅读的网页图像中附带的书面文本。
alt 标签是 HTML 中 img 标签的一个属性。虽然 alt 属性不是必需的，但出于可访问性目的，强烈建议使用它。
文字有助于视障用户理解您网页上的图像，并且可能被 Google 的排名算法视为高质量网页的特征。
这是 alt 属性如何出现在 HTML 中的 img 标记中的示例。
<img src=”image.jpg” alt=”图像描述” title=”图像工具提示”>
src 属性是图像的文件路径。alt 属性是屏幕阅读器在辅助浏览器上阅读的替代文本。title 属性是当鼠标悬停在图像上时出现在工具提示中的文本。
当图像加载延迟或加载失败时，alt 属性文本可能会在图像应位于的网页中可见。
这是一个视频，解释了 alt 属性文本的一些最佳实践。
为什么要添加 Alt 属性文本？
无论您是否执行 SEO，都必须优化您网站上的 alt 属性文本，因为这可以为访问该网站的人创造更好的用户体验。向图像添加替代文本可以鼓励人们阅读您的内容，提高消息的权威性，提高有机流量和图像搜索结果中的排名。
Google 的质量评估指南指出，
“对于所有类型的网页，创建高质量的 MC [主要内容] 至少需要以下一项：时间、精力、专业知识和才能/技能。”
虽然这里没有明确说明在所有图像标签的 alt 属性中添加文本是高页面质量的标志，但轶事证据表明情况确实如此。
增强页面内容的上下文图像还应包含替代文本，以使网站易于访问。总之，替代文本描述了图像上的内容及其在页面上的用途。
定义图像属性
考虑以下 HTML 图像标记。
<img src=”image.jpg” alt=”图像描述” title=”图像工具提示”>
虽然 alt 和 title 图像属性通常称为 alt 标签和标题文本，但它们不是标签，而是 img 标签的属性。替代文本定义图像的用途（描述和目的）。alt 属性使视障屏幕用户能够通过阅读来破译上下文。title 属性虽然不是必需的，但会在用户将鼠标悬停在图像元素上时显示工具提示。
每个图像都应包含替代文本，不仅用于 SEO 目的，而且便于访问。视障人士看不懂图片内容；因此标题标签不是必需的。它适用于使用鼠标或其他定位设备的人。
呈现 HTML 图像不需要标题标签。但是，如果标题标签用关键字传递相关信息，请以纯文本或其他方式整合信息。
*如果图像不用于任何目的而纯粹是为了设计目的而存在，则该图像应位于您网站的 CSS 而不是 HTML 中。在 WordPress 中，将位于图像设置中的标记为“替代文本”的字段留空。
Alt 属性的推荐做法
以下是 HTML 中推荐的替代文本示例。
<img src=”puppy-playing.jpg” alt=”可爱的小狗玩接球” />
替代文本位于 img 标签的 alt=”” 属性内。
该示例强调了在使用图像时选择正确文件名的必要性。谷歌试图在不看图像的情况下理解图像的用途。实现这一目标需要使用与内容相关的焦点关键词来命名图像文件。
避免关键字堆砌，因为这会影响用户体验并使您的网站暴露于垃圾邮件标签。相反，尽可能简单地描述图像中发生的事情。
替代文字、图像和 SEO
谷歌关于图像最佳实践的指南指导网页中的图像“使用描述性替代文本”。这充分说明了 alt 属性文本的价值。Google 应用替代文本来确定图像内容及其在所显示内容中的上下文。
加载速度是 SEO 和用户体验 (UX) 不可或缺的要素。图片会极大地影响加载速度。建议在不影响图像质量的情况下使用调整大小的图像。较大的图像会影响加载速度，从而降低您网站的响应速度。
尽管建议在您的内容中使用最接近相关内容的图像，但谷歌在识别图像方面做得越来越好。图片对用户和谷歌的效用取决于围绕它的消息相关性。此外，在优化的网站中谨慎使用图像。
结构化数据和图像
集成结构化数据——描述一个网站以使搜索引擎更容易理解——增加了你的内容被搜索引擎指定为丰富结果的机会。谷歌表示，结构化数据不会提高排名，但有助于帮助算法理解图像结果中的列表。
在此处阅读有关 Google 关于结构化数据指南的政策的更多信息。
图像搜索引擎优化：最佳实践清单
- 在所有图像上使用相关的 alt 属性文本
- 确保您的替代文字描述了图像，而不是简单地填充关键字
- 为图像选择一个合适的文件名
- 确保图像大小和图像尺寸匹配
- 减小图像大小以提高加载速度
- 在适合添加上下文时添加适当的图像标题
- 图像中的标题属性文本不是必需的，但会在鼠标悬停时提供工具提示文本
- 在可能的情况下，将结构化数据添加到图像中
- 优化所有图像的上下文。图像应该为网页的主要内容添加上下文。
