SEO 百科

alt

本页目录

alt 是 <img> 上的替代文本属性，用文字说明图片内容^[1]。Google 明确说过，给图片补元数据时最重要的属性就是替代文本，它同时服务屏幕阅读器用户与低带宽用户^[2]。

三种写法

<img src="puppy.jpg" alt="金毛寻回犬" />
<img src="chart.png" alt="" />
<img src="deco-line.png" alt="" role="presentation" />

纯装饰的图片用空值，读屏会跳过它；有信息量的图片要写出信息本身^[1]。图片当链接用时，替代文本会兼作锚文本，写"点击这里"就没有说明作用^[2]。

Google 会结合替代文本、计算机视觉与页面内容来理解图片主题^[2]。文件名同样要看，my-new-black-kitten.jpg 比 IMG00023.JPG 更有帮助^[2]。在 alt 里堆关键词属于关键字堆砌，会带来差体验并可能被判为垃圾^[2]。

图片站的写法是先把主题说清，再补周边信息。示例里的 alt 值说明画法、主体与场景^[2]：

alt="A watercolor illustration of a maine coon napping leisurely in front of a fireplace"

第一种是整站图片用同一个 alt，例如都写公司名。第二种是把图片里的文字重抄一遍进 alt，与 OCR 能读到的内容重复。第三种是装饰图写成描述性文字，读屏用户被无关信息打断^[1]。

替代文本是 WCAG 对非文本内容的基本要求之一，机器可读的文字是唯一出口^[3]。数据可视化图片除了 alt，还应提供可访问的表格或说明段落^[3]。