alt替代文字应传达图片在当前页面中的用途,而不是装满SEO关键词。产品图说明有意义的内容,纯装饰图通常使用空替代文字,承担链接或按钮功能的图片则说明操作目的。信息图的重要内容还应在正文中提供可读文字。

规则依据:W3C WAI:图片替代文字判断树。

先问这张图承担什么任务

同一张图片在不同页面可能用途不同:展示产品细节、辅助视觉装饰,或作为入口按钮。先根据上下文判断,再写替代文字。不要自动将图片文件名、文章标题和整串产品关键词拼在一起,读屏用户需要的是具体信息,而不是搜索词清单。

产品图写可确认的特征

写出与当前说明有关的部位、角度或用途,避免猜测照片无法证明的材料、性能和认证。例如只有外观照片,就不能据此写成“通过防水认证的内部结构”。必要细节应由产品资料核实,替代文字简明表达,详细参数放在正文或表格中。

图片用途与替代文字,流程为判断图片任务 → 写可确认信息 → 区分装饰与功能 → 补充正文说明
图片用途与替代文字:判断图片任务 → 写可确认信息 → 区分装饰与功能 → 补充正文说明。

装饰与功能图片分别处理

纯装饰图若没有新的信息,空alt可避免读屏重复播报无意义内容。图片如果是链接,替代文字应帮助理解目的位置或动作;旁边已有充分的链接文字时,还要考虑避免重复。缺少alt与明确设置空alt并非完全同一种情况,不宜批量把所有图都写成标题。

复杂信息图要有文字对应

流程图、对照图和图表的关键结论,应能在正文读到,而不是只藏在图片像素里。替代文字概括用途,正文解释具体步骤,照顾无法看图的用户和文字读取工具。发布后检查公开图片属性与实际阅读顺序,确认没有把内部制作备注误写成替代文字。

重点对照

信息项核对内容需要注意
信息图片说明当前上下文的关键内容不猜测未核实性能
装饰图片无独立信息时考虑空alt空alt不等于遗漏属性
功能图片说明入口或操作目的不要只描述颜色外观
图片用途与替代文字对照:信息图片、装饰图片、功能图片
图片用途与替代文字:信息图片、装饰图片、功能图片。

常见问题

alt越长越有利于SEO吗?

不是。应让它准确且简明,复杂说明放在可读正文,避免重复关键词影响理解。

流程图有alt就不用写步骤了吗?

不能这样处理。复杂内容仍需要可读的文字说明,简短alt无法替代完整步骤。

参考资料