无障碍

如何为 AI 生成的图片撰写替代文本

替代文本告诉看不到图片的人这张图的作用。一个简单的公式、何时留空,以及产品图、插画和图表的示例。

阅读约 1 分钟
一只小小的黄铜放大镜直立在深色桌面上,紫色的光透过镜片发亮,身后是柔和的薄雾

你做好了一张图,效果正合心意,这时页面编辑器要你填写“替代文本”。多数人会输入文件名、粘贴提示词,或者干脆跳过这个框。这三种做法都浪费了这个字段。替代文本是几句话,在图片无法被看到时代替图片出场:对屏幕阅读器用户,对网速很慢的访客,对读取页面的搜索引擎都是如此。下面是一份简短实用的写法,适用于你自己生成的图片。

替代文本到底有什么用

它只有一个任务:在图片所在的位置,把图片带给明眼访客的信息交给读者。它不是图注(图注对所有人可见,并补充背景),也不是关键词框。搜索引擎确实会读它,清晰、诚实的描述有助于它们理解页面,但堆满搜索词的句子对谁都没有帮助,屏幕阅读器用户一听就能察觉。

一个简单的公式

按顺序问三个问题,然后用答案写出一句平实的话。

  1. 它是什么? 用日常的词说出主体:一只陶瓷马克杯、一座灯塔、一张柱状图。
  2. 在这里它的重点是什么? 页面需要的那个细节:产品的颜色、封面的氛围、图表的趋势。
  3. 这是什么类型的图片? 只在会改变含义时才写:插画、3D 渲染、写实风格渲染、水彩。

大约控制在一句话。不要写“图片:”或“……的图片”:屏幕阅读器本来就会报出这是一张图片。

先判断:是信息性的还是装饰性的

动笔之前,先问这张图是否带有旁边文字没有提供的信息。产品页上的产品图有。标题后面一块平静的抽象背景没有。装饰性图片应使用空的 alt 属性(alt=""),告诉辅助工具直接跳过。这比一段描述要好,否则听众一页要听三遍“带柔光的紫色渐变”。

  • 信息性: 产品图、用来解释内容的插画、图表、文章封面。请描述它们。
  • 装饰性: 纹理、分隔线、氛围背景,以及只是重复标题的头图。alt 留空。
  • 功能性: 链接或按钮里的图片。描述它通向哪里或有什么作用,而不是它的外观。

如实描述风格

生成的图片不是真实地点的照片,替代文本也不应假装如此。如果风格对读者有意义,就写明:“黄昏时悬崖上一座灯塔的插画”或“橡木桌上一只陶瓷马克杯的产品渲染图”。不要给从未拍摄过的东西写“照片”。重点不是宣传工具,而是避免误导无法自己核实的人。如果你要发布生成的图片,辨别 AI 图片指南讲的是这份诚实的另一面。

三个示例

一张产品图

在店铺页面上,读者需要的是顾客会看到的东西:颜色、形状,只有在重要时才写场景。

提示词
一只哑光绿色陶瓷马克杯的产品渲染图,杯柄宽大,放在柔和窗光下的浅色橡木桌上
主体、重要的细节,以及如实的图片类型。没有添加关键词。

一幅插画

对于营造氛围的博客封面,一个简短的句子就够了;如果标题已经说明,留空 alt 也可以。

提示词
水彩风格插画:平静的水面上,一艘小船停在一轮巨大的月亮下

一张类似图表的图片

这里图片承载着数据,所以替代文本必须传达要点。要小心:图像模型能画出看起来像图表的东西,但其中的数字和标签并不可靠(手部与文字指南解释了原因)。请用图表工具制作真正的图表,并根据它的真实数据撰写 alt。完整数字放在旁边的表格或正文里。

提示词
柱状图:每月注册人数从一月到六月逐月上升,四月涨幅最大
写结论,而不是颜色。确切数值放在页面正文里。

把提示词当草稿,而不是照搬

你写的提示词是一份有用的初稿,因为它已经点明了主体。但不要直接粘贴。好的提示词是给模型的配方:里面有光照术语、相机词汇和风格标签,对听的人毫无意义(提示词指南说明了它们为什么对模型有帮助)。而且提示词描述的是你想要什么,替代文本则必须描述成图里实际有什么。模型会偏离:第三只马克杯可能没有杯柄。先看结果,保留提示词里的主体,去掉技术词汇,并修正没有按要求生成的部分。

快速清单

  • 这张图是信息性、装饰性还是功能性的?
  • 一句话,主体在前,不写“图片:”。
  • 写本页需要的细节,而不是每个细节。
  • 在重要时写明图片类型(插画、渲染)。
  • 与最终成图一致,而不只是与提示词一致。
  • 不要关键词列表,不要文件名。

工作室做什么,不做什么

工作室负责生成图片;它不会替你撰写替代文本,也不会把它加进你的下载文件里。图片以 2K 交付,描述由你在发布的地方撰写,因为只有在那里才了解页面上下文。这由你决定:只有你知道这张图是做什么用的。对于产品和封面工作,产品摄影和博客头图这两篇文章展示了本建议适用的图片。打开工作室来制作,或查看模型页面了解可选的风格。

常见问题

替代文本应该多长?

大约一句清晰的话。长到足以说明图片显示什么以及为什么放在这里,短到几秒钟就能听完。较长的说明,比如图表数据,请放在页面正文里。

我应该把 AI 提示词直接粘贴成替代文本吗?

不要。把它当作主体的草稿,然后去掉光照、相机和风格术语,并对照成图检查,因为结果可能与提示词不同。

装饰性的 AI 图片需要替代文本吗?

不需要。如果图片没有增加任何信息,就使用空的 alt 属性,让屏幕阅读器跳过。信息性图片则请给出简短描述。

工作室会自动撰写替代文本吗?

不会。它只生成图片。描述由你在发布的地方撰写,因为你了解它所属的页面。

#无障碍#SEO#图片

继续阅读

全部文章 →