alt替代文字应传达图片在当前页面中的用途,而不是装满SEO关键词。产品图说明有意义的内容,纯装饰图通常使用空替代文字,承担链接或按钮功能的图片则说明操作目的。信息图的重要内容还应在正文中提供可读文字。
规则依据:W3C WAI:图片替代文字判断树。
先问这张图承担什么任务
同一张图片在不同页面可能用途不同:展示产品细节、辅助视觉装饰,或作为入口按钮。先根据上下文判断,再写替代文字。不要自动将图片文件名、文章标题和整串产品关键词拼在一起,读屏用户需要的是具体信息,而不是搜索词清单。
产品图写可确认的特征
写出与当前说明有关的部位、角度或用途,避免猜测照片无法证明的材料、性能和认证。例如只有外观照片,就不能据此写成“通过防水认证的内部结构”。必要细节应由产品资料核实,替代文字简明表达,详细参数放在正文或表格中。

装饰与功能图片分别处理
纯装饰图若没有新的信息,空alt可避免读屏重复播报无意义内容。图片如果是链接,替代文字应帮助理解目的位置或动作;旁边已有充分的链接文字时,还要考虑避免重复。缺少alt与明确设置空alt并非完全同一种情况,不宜批量把所有图都写成标题。
复杂信息图要有文字对应
流程图、对照图和图表的关键结论,应能在正文读到,而不是只藏在图片像素里。替代文字概括用途,正文解释具体步骤,照顾无法看图的用户和文字读取工具。发布后检查公开图片属性与实际阅读顺序,确认没有把内部制作备注误写成替代文字。
重点对照
| 信息项 | 核对内容 | 需要注意 |
|---|---|---|
| 信息图片 | 说明当前上下文的关键内容 | 不猜测未核实性能 |
| 装饰图片 | 无独立信息时考虑空alt | 空alt不等于遗漏属性 |
| 功能图片 | 说明入口或操作目的 | 不要只描述颜色外观 |

常见问题
alt越长越有利于SEO吗?
不是。应让它准确且简明,复杂说明放在可读正文,避免重复关键词影响理解。
流程图有alt就不用写步骤了吗?
不能这样处理。复杂内容仍需要可读的文字说明,简短alt无法替代完整步骤。




