1. 这项检查是什么

alt 是每张图片的「文字替身」:<img src="warehouse.jpg" alt="杭州仓自动分拣线,日均处理 5 万单">。浏览器崩溃/读屏软件/AI 爬虫看到的都是这行字。alt 缺失时,图片对 AI 就是一个不透明的文件名(而文件名往往是 IMG_2041.jpg 这种天书)。

2. 为什么影响 AI 可见度

企业官网的图片里藏着大量事实:产品外观、案例现场、团队、证书、数据图表。alt 覆盖率决定了这部分信息是否进入 AI 的理解范围。同时 alt 是无障碍访问的法定要求(读屏用户靠它「听」图),做 GEO 与做无障碍在这一项上是完全重合的好事。

3. 如何自查

  1. F12 → Elements 搜索 <img,逐张看有没有 alt 属性、内容是否有意义
  2. 快速量化:数一下首页+产品页的图片总数,有有效 alt 的占比(本工具直接给覆盖率)
  3. 检查两类极端:alt=""(空)与 alt="图片1"(无意义)都等于没写

4. 如何修复

alt 写法公式:场景 + 主体 + 关键信息(英文图同理):

<!-- 差 -->
<img src="cp1.jpg">
<img src="cp1.jpg" alt="图片">

<!-- 好 -->
<img src="cp1.jpg" alt="XX智能分拣机器人在汽车零部件仓的交付现场">
<img src="cert.jpg" alt="ISO27001 信息安全认证证书,编号 2026-0871,有效期至 2029 年">

细分规则: - 信息图/产品图/案例图:按公式写完整描述 - 纯装饰图(背景、分隔线):alt="" 留空是正确做法,别硬凑 - 图表:把图上的关键数字写进 alt 或配文字版(配合 B5) - WordPress:媒体库每张图有「替代文本」字段,上传时顺手填 - 外包团队:话术「全站图片补全有效 alt:信息图按场景+主体+关键信息公式,装饰图留空」

5. 修完如何验证

  1. 重跑本工具看 B6 覆盖率变化
  2. 浏览器装 screen reader 模拟插件,关图模式浏览是否仍能理解页面
  3. 抽查 10 张图,遮住图片只看 alt 能不能猜出图的内容

6. 常见误区

  • 「alt 塞关键词能提权」:堆砌关键词的 alt 被视为作弊信号,且对读屏用户是灾难
  • 「每张图都写满」:装饰图应该留空,全部硬写反而稀释有效信息
  • 「alt 是前端的事以后再说」:这是全项目里性价比最高的修复之一,一小时的文案工作换全站图片信息入网