先确定图片在页面里做什么
打开参数图之前,先看它在当前页面承担的用途。它是唯一的规格载体,还是旁边已有完整文字?图中还有没有文字未表达的分组、范围或注释?如果只是装饰,可以使用空 alt;如果是链接或按钮的一部分,且移除图片后难以或无法理解操作目的,alt 要说明链接去向或按钮动作。按钮已有“下载规格表”等文字充分表达用途、图片不增加信息时,例如只重复下载含义的图标,可以使用空 alt。包含尚未由文字完整表达的重要参数的图,应按信息图处理。
W3C 的 alt 决策树把复杂信息与简单图片区别对待,也把与邻近文字重复的内容单列出来。因此,不能仅凭“图里有文字”决定把所有内容都写入 alt。已有可见文字时,还需判断图片是否提供额外信息,再选择描述方式。
W3C 对复杂图片提出短描述与长说明两部分的做法,短描述识别图片,长说明表达图中的必要信息:
a textual representation of the essential information conveyed by the image
W3C WAI:Complex Images
alt 帮读者识别对象和内容
可以先写一句话:“压力传感器规格表,包含压力范围、工作温度与采样频率,详细数值见下方规格说明。”对象和内容类别已经明确,读者也知道下一步去哪里找详情。
这句话不必复述每个单元格。避免只写“产品参数图”,因为它没有交代是哪类对象、包含什么;也不要写“高清详细参数”,这些词无法帮助读者理解信息。详细说明若移到同页其他位置,alt 中的位置提示要随之调整,不能继续写“下方”。
短不等于固定字数。应留下足以识别图片的信息,再将需要逐项阅读的内容放到正文。若图中的分组方式影响理解,例如区分普通模式与高速模式,也应在短描述中点出比较对象。
邻近正文保留数值和归属
下面用虚构的参数演示写法,数值不对应任何产品。假设图片有“项目、数值、适用条件”三列,可见文字应保留这三个维度,而不是只列三个数字。
| 项目 | 数值 | 适用条件 |
|---|---|---|
| 压力范围 | 0–10 bar | 普通测量模式 |
| 工作温度 | −10 °C 至 50 °C | 使用时的环境温度 |
| 采样频率 | 100 Hz | 普通测量模式 |
图注可以写“压力传感器规格”,表格承担详细说明。若图片还注明“压力范围为表压”,文字也要把这一限定放在对应行旁;不能让读者自己猜它修饰哪项数据。如果一列共用单位,可以在列标题里标出,并确保其他单位不同的项目另列。
行数少时,逐项写成完整句子也可行;需要横向比较多个选项时,表格更容易保留对应关系。说明很长,可以在图片旁放通往长说明的明确链接,链接文字写清“压力传感器规格全文”,而非“了解更多”。不要只把完整内容放在鼠标悬停后才出现的位置。
对照现有图片逐项阅读
完成文字后,可以按下面的顺序检查可理解性:
- 按图中的行列逐项读出,核对文字是否遗漏数值、单位、正负号、范围端点或脚注。
- 检查每个条件归属,确认“普通模式”等限制紧邻对应数值,共用条件有明确适用范围。
- 暂时不看图片,仅凭正文回答“测量什么、数值多少、何时适用”,再看 alt 能否准确指向这段说明。
- 检查表头、说明标题和链接名称,让读者能找到完整信息,并理解不同项目之间的关系。
这一步检查的是现有内容能否被读懂。没有出现在图片或现有说明里的条件,不应凭经验补写。参数文字准备好后,可以按B2B 技术问题的证据页写法组织答案;需要理解来源引用时,可另读让 ChatGPT 引用品牌需要准备什么。提供可读文字有助于读者获取规格,但不能据此推断所有 AI 都会读取 alt,也不能承诺页面因此获得引用。
想先看你的品牌现在在 AI 搜索里被怎么说?
领取免费增长诊断