什么是 Alt 文本？重要性、写法与最佳实践
Alt 文本是用于描述图像的文本；图像加载失败时，会显示在原本的位置。
什么是 Alt 文本？
Alt 文本（alternative text，即替代文本）是用于描述图像的文本；图像加载失败时，会显示在原本的位置。
Alt 文本也是供屏幕阅读器朗读的说明。
先看下面这篇博客文章：
再看 Matt Ramsey 的这条社交媒体帖子：
为什么 Alt 文本很重要
Alt 文本之所以重要，有以下几点益处：
- 让图像更易访问：帮助看不到图像的用户理解其内容，无论是阅读文本还是使用屏幕阅读器
- 帮图像出现在相关搜索结果里：搜索引擎会部分借助 Alt 文本理解图像，并在相关搜索查询中为其排名，这正是图像 SEO 的目标
如何添加 Alt 文本
下面介绍如何为上传到网站内容管理系统（CMS）或社交媒体平台的图像添加 Alt 文本。
在 CMS 中，用页面编辑器打开包含该图像的页面，切换到代码编辑器，再在图像的 HTML 标签中添加 alt 属性。
如下所示：
<img src=“image.jpg” alt=“在此处填写 Alt 文本”>
或者点击图像打开其设置，把 Alt 文本填入 Alt 文本设置项。
在 WordPress 中，Alt 文本设置如下：
在社交媒体平台发图时，找到该平台的 Alt 文本设置，点击进入，输入 Alt 文本，再继续上传流程。
以下是 LinkedIn 帖子中 Alt 文本设置的样子：
6 条 Alt 文本最佳实践
遵循以下六条最佳实践，能让 Alt 文本更有效：
1. 具有描述性
Alt 文本要清楚地描述图像，提供足够细节，让用户理解其内容。
例如，Lush 的沐浴球产品页面就用产品名作为图像的 Alt 文本：
这些 Alt 文本并没有详细描述沐浴球，因为在这一阶段，用户还在浏览所有可选的沐浴球。
但如果用户点进某个沐浴球的产品页面，表现出兴趣呢？
这种情况下，产品页面会使用更长的 Alt 文本，描述沐浴球外观的细节：
这样，潜在客户就能更全面地了解产品，也更容易做出明智的购买决定。
撰写 Alt 文本时，应避免以下内容：
- “Image of”“photo of”这类短语，通常是多余的。例外是图像本身就是一张实体照片（比如“年轻女子手持一朵花的照片”）
- 图片版权信息，这类信息应该放在图片说明或正文里
- 图片说明或正文中已有的信息，以免重复
- 所有用户都需要了解的信息，比如配着成品菜品图片的食谱步骤
2. 保持简短
Alt 文本要简洁——最好控制在 125 个字符以内——用户和屏幕阅读器都能快速读完。这一点尤其重要，因为使用屏幕阅读器的人无法暂停 Alt 文本再跳到别处。
例如，BBC Good Food 为这张配培根蛋黄酱的炸芦笋图片所写的 Alt 文本，只有 47 个字符。
3. 包含相关关键词
在 Alt 文本中包含相关关键词，帮助搜索引擎为图像排名。
例如，Cleveland Clinic 喉部示意图的 Alt 文本中，既有关键词“larynx”，也有它的俗称“voice box”（喉）：
这样，这张示意图就能在任一关键词的图像搜索结果中获得排名。
但要避免关键词堆砌（keyword stuffing），即把关键词硬塞进 Alt 文本，塞到既不自然又难读。
一段堆砌关键词的 Alt 文本可能如下：
“你的喉（larynx）结构中，你的喉里有会厌，你的喉内有声带，而你的喉又分为三个部分。”
4. 不要为装饰性图像使用 Alt 文本
不要为装饰性图像使用 Alt 文本。这类图像只是增加视觉趣味，几乎不提供信息或功能，添加后反而会让用户困惑。
以下是一些装饰性图像的例子：
这些齿轮状图像只为页面增添了一点视觉趣味，没有其他用途。
用空的 alt 属性告诉屏幕阅读器忽略装饰性图像，如下所示：
若省略 alt 属性，屏幕阅读器可能就会朗读图像的文件名，效果并不好。
5. 让 Alt 文本本地化
让 Alt 文本本地化，贴合受众的文化和语言背景。对服务多个地域受众的网站来说，这一点尤其重要。
例如，英国航空的英文网站使用英文图像 Alt 文本：
面向法国用户的法语网站，则使用法文图像 Alt 文本。
另外，做 Alt 文本本地化时，还要考虑同一种语言内的用词差异。
例如，两支各 11 人的球队把黑白相间的球踢进网里得分的那项运动，在美式英语中叫“soccer”，在英式英语中叫“football”。
为兼顾这两个市场，Nike 在巴西 2024 赛季主场球衣的 Alt 文本中使用了恰当的叫法：
6. 定期审查 Alt 文本
定期检查 Alt 文本，发现并把握改进机会，最终帮助图像在搜索结果中获得更好的排名。
要检查 Alt 文本，可打开 CMS 的媒体库，查看上传到网站的所有图像。
点击一张图像，即可查看并编辑它的 Alt 文本。
例如，在 WordPress 中是这样的：
对每张图像都重复这一操作。
使用 AI 加速 Alt 文本生成
AI 能大幅加快 Alt 文本的生成，尤其是在需要为大量图像撰写 Alt 文本时。
下面介绍如何用 AI 撰写 Alt 文本：
把图像上传到一个AI 写作工具，比如 ChatGPT 或 Claude。然后让它给出多个 Alt 文本方案，要求准确描述图像、包含目标关键词，并符合你想要的字符数。
例如，可以这样写提示词：
“为这张图像撰写多个 Alt 文本方案。Alt 文本应描述图像的关键元素，长度约 125 个字符，并在 Alt 文本中包含这些关键词：[在此处插入关键词]。”
检查工具给出的各个 Alt 文本方案是否准确、相关、长度合适，然后挑出最满意的一个，润色后采用。
以下是我让 ChatGPT 为一张田野里双重彩虹的图像撰写 Alt 文本时得到的结果：
- “一道鲜艳的双重彩虹横跨在布满云朵的蓝天之上，下方是郁郁葱葱的绿色田野，近景处还有野草。”
- “双重彩虹横跨天空，悬在广阔的、阳光照耀的绿色作物和高草田野之上，天空中有些许云彩。”
- “一道发光的双重彩虹铺展在广阔的绿色田野上方，天空中云朵稀疏，柔和的阳光穿透而出。”
- “双重彩虹出现在阳光沐浴的绿色田野上方，四周是野草和树木，天空布满戏剧性的云层。”
- “绿色田野沐浴在阳光下，一阵短暂阵雨过后，一道双重彩虹横跨在有些云彩的天空中。”
我最喜欢第二个，因为它客观，没有夸张的措辞。但我认为把田野说成“广阔”“阳光照耀”是多余的，说作物“绿色”也重复了。
于是，我把 Alt 文本修改为：
“双重彩虹横跨天空，悬在有些云彩的天空下的作物和高草田野之上。”
检查你的网站是否存在 Alt 文本缺失及其他 SEO 问题
用免费 SEO 检查工具，找出首页缺失的 Alt 文本。
若要对整个网站做更深入的检查，可使用 Semrush 网站审计（Site Audit）一次性扫描所有页面。
在工具中把网站建成一个项目，配置好审计，然后运行。审计完成后，点击“问题（Issues）”标签页。
在搜索栏输入“alt attribute”，筛选出“# 张图像没有 alt 属性”这条警告。
如果没有看到这条警告，说明图像都有 Alt 文本。
如果出现了这条警告，点击“# 张图像”链接，查看哪些图像没有 Alt 文本，还有它们分别在哪个页面。
切换到 CMS，为非装饰性图像补上 Alt 文本。
除了检测 Alt 文本缺失，网站审计还会检查 140 多个其他 SEO 问题。可以设置成按你偏好的频率自动审计，并把结果发送到邮箱，随时掌握网站的技术健康状况。
网站审计可免费试用七天。