跳至主要内容
短.be

alt 文本

描述图片内容的文本。在图片无法显示时作为替代内容展示,也供屏幕阅读器朗读使用。

2026年8月24日 · 约 1 分钟阅读

SEO

alt 文本 (替代文本,Alternative Text) 是设置在 HTML 的 img 元素 alt 属性中的值,用文字说明图片的内容。图片无法加载时它会代替图片显示,屏幕阅读器 (面向视觉障碍者的朗读软件) 也会用它把图片的内容传达给用户。

alt 文本是 Web 无障碍的基本要求。WCAG (Web Content Accessibility Guidelines) 2.1 的成功准则 1.1.1 (A 级) 要求,为呈现给用户的所有非文本内容提供起到同等作用的文字替代。该准则在后继的 2.2 中也没有改动。没有 alt 文本的图片,对屏幕阅读器的用户来说就成了不知道里面有什么的空白。

从 SEO 的角度看 alt 文本同样重要。Google 关于图片搜索的官方文档说明,它会把 alt 文本与页面正文内容、图像识别算法结合起来判断图片里有什么;当图片被用作链接时,alt 文本还会被当作锚文本处理。写得恰当的 alt 文本有助于获得来自图片搜索的流量,但排序并不是只由 alt 文本决定的。

就与短链接服务的关联而言,对应的是给 OGP 图片附上的说明文字。Open Graph protocol 规定,页面如果指定了 og:image,就应同时指定 og:image:alt,其取值定义为对图片中有什么的说明 (而不是图片的标题)。在 SNS 上分享链接时显示的缩略图带上这段说明,看不到图片的用户也能了解内容。二维码的图片则要写清扫码之后会到哪里,例如「通往某某页面链接的二维码」。把 URL 字符串原样放进 alt,朗读出来只是一串符号,传达不了任何内容。

写好 alt 文本的要点是简洁而具体地说明图片的内容。避免「图片」「照片」这类冗余表述,直接写出图片所传达的信息。装饰用途的图片应设置空的 alt 属性 (alt="") 并让屏幕阅读器跳过它。

分享到 XHatena

这篇文章对您有帮助吗?

相关术语

相关文章

常见问题

alt 文本多长比较合适?
规范并没有规定字数上限。多数情况下几个词就够了,最多也就是一两句短句。屏幕阅读器会把取值一口气念完,说明太长反而会让要点被埋没。优先简洁地传达图片内容,如需详细说明可写在正文中。
装饰性图片也需要 alt 文本吗?
装饰性图片 (分隔线、背景图案等) 应设置空的 alt 属性 (alt="")。注意不是省略 alt 属性,而是明确设置空值,这样屏幕阅读器会跳过该图片。
在 alt 文本中堆砌关键词有效吗?
无效。关键词堆砌被列在 Google 的垃圾内容政策中,违反这些政策的网站可能排序下降,甚至完全不出现在搜索结果里。Google 面向图片搜索的官方指南也把堆砌关键词的 alt 属性列为坏例子。用自然的语言准确描述图片内容,反而是最有效的 SEO 做法。

把知识用到真实链接上

免费缩短网址