图片替代文字生成器
先写出能帮助视障人士理解的替代文字,再兼顾搜索引擎优化。
替代文本(alt text)是屏幕阅读器在图像无法显示时所朗读的句子,也是图像加载失败时用户看到的文字。因此,它是网页文案中为数不多同时承担两项任务的内容:既要对无法看见图像的用户有用,又要能在网络异常时依然有效。
大多数替代文本都未能完成第一项任务:它们要么写成“图片”,要么简单重复图注,要么在每张照片中硬塞关键词。以下是一种更优的做法。
一句话规则
用一句话描述图像在当前上下文中的内容或功能。这就是全部规则,其余皆为细节。
- 如果图像展示了某种事物,请描述其中关键的信息;
- 如果图像具有某种功能(如按钮、图表、示意图),请描述它所传达的信息;
- 如果图像仅为装饰性用途,请使用空的替代文本(
alt=""),使屏幕阅读器跳过它。
四个问题
动笔前,请先自问:
- 这张图像为何在此? 视力正常的读者能从中理解什么?
- 传达该信息所需的最简描述是什么? 通常只需一个分句。
- 相关信息是否已出现在正文中? 若是,则该图像可能属于装饰性用途。
- 图像中是否包含文字? 若有,请包含其中关键的文字内容。
12 个示例
1. 产品照片 白色陶瓷手冲滤杯置于木质台面上,旁边是一袋咖啡豆。
2. 图表 柱状图:2024 至 2026 年间,中端市场采用率从 41% 上升至 59%。
3. 设置页面截图 设置页面,“启用双重身份验证”选项已开启。
4. 装饰性分隔线 alt="" — 空值,不提供任何描述。
5. 链接到首页的 Logo AIbyNow 首页 — 描述其跳转目标,而非图像本身。
6. 团队合影 六位客服团队成员站在办公室门前。 — 仅当人物身份或团队构成具有意义时才需如此描述;否则应留空。
7. “下载”旁的图标 alt="" — 相邻文字已明确说明“下载”,无需重复。
8. 地图 地图显示会场位于主街 42 号,距中央车站两个街区。
9. 对比图(前后) 之前:杂乱的办公桌;之后:同一张办公桌,文件已归档,显示器已抬高。
10. 错误提示截图 错误对话框:“您的银行卡被拒付,请尝试其他付款方式。”
11. 信息图 信息图:三步操作流程——上传、转换、下载;第二步下方附有隐私说明。 全部数据应置于正文之中,而非替代文本内。
12. 作者头像 普丽娅·沙阿肖像。 — 若作者姓名已在署名栏中出现,则通常更推荐使用空的替代文本。
屡见不鲜的错误
以“图片”或“图像”开头。 屏幕阅读器已自动播报这是图像,此类表述浪费了开头宝贵的字词。
重复图注内容。 图注本身已可见,替代文本应补充新信息,或直接留空。
堆砌关键词。 最佳咖啡滤杯、购买咖啡滤杯、陶瓷滤杯 并非有效描述,只是噪音。
罗列所有视觉细节。 “左侧是一个带把手的白色杯子,右侧是一袋棕色包装,木桌上可见三条纹理……” 用户需要的是核心要点,而非物品清单。
遗漏功能性图像的替代文本。 仅由图标构成的按钮必须配有描述其作用的替代文本,例如 搜索,而非 放大镜。
长度建议
目标长度为 5–15 个词,极少超过 125 个字符。虽然屏幕阅读器可处理更长的描述,但绝大多数图像并不需要。若图像承载大量信息,应将这些信息写入正文,而让替代文本保持简洁。
替代文本与搜索引擎优化(SEO)
替代文本有助于提升图片在搜索引擎中的可见性,但它并非排名捷径。谷歌官方指南明确指出:应如实描述图像,而非堆砌关键词。二者重合之处很简单:清晰、具体的描述,对人类和机器都同样有益。
请先撰写描述性文字;若某个关键词自然融入其中,即可保留;若生硬牵强,则应舍弃。
十秒钟工作流
- 观察图像,并大声说出它展示的内容;
- 将这句话精简为仅保留当前页面所需的关键部分;
- 删除“图片”“图像”等冗余前缀;
- 检查长度是否符合要求;
- 若图像纯属装饰性用途,则使用空的替代文本(
alt="")。
图像替代文本生成工具 可根据一行上下文,自动生成简洁、准确且富含语境的替代文本。可将其作为初稿辅助工具,再对照上方四个问题校验结果。最终判断权仍在您手中——尤其是面对图表、截图以及含文字的图像时。