alt 文本 (替代文本,Alternative Text) 是 HTML img 元素的 alt 属性值,用文字描述图片的内容。当图片无法加载时会显示该文本,屏幕阅读器 (面向视障用户的朗读软件) 也会利用它向用户传达图片信息。
alt 文本是 Web 无障碍的基本要求。WCAG (Web 内容无障碍指南) 2.1 要求所有非文本内容都必须提供文本替代。没有 alt 文本的图片对屏幕阅读器用户来说就是「不知道有什么的空白」。
从 SEO 角度看,alt 文本同样重要。Google 图片搜索将 alt 文本作为理解图片内容的主要线索。设置恰当的 alt 文本可以从图片搜索获得流量。Google 的 John Mueller 曾表示「alt 文本是图片 SEO 中最重要的元素之一」。
在短链接服务的场景中,OGP 图片 (og:image) 的 alt 文本尤为重要。在社交媒体分享链接时显示的缩略图也应设置恰当的 alt 文本,以同时提升无障碍性和 SEO 效果。此外,二维码图片也应设置类似「通往 XX 的链接二维码」这样的 alt 文本。
编写优质 alt 文本的要点是简洁而具体地描述图片内容。避免使用「图片」「照片」等冗余表述,直接描述图片传达的信息。纯装饰性图片应设置空的 alt 属性 (alt=""),让屏幕阅读器跳过。相关书籍可在 Amazon 上查找。