1. 这项检查是什么
alt 是每张图片的「文字替身」:<img src="warehouse.jpg" alt="杭州仓自动分拣线,日均处理 5 万单">。浏览器崩溃/读屏软件/AI 爬虫看到的都是这行字。alt 缺失时,图片对 AI 就是一个不透明的文件名(而文件名往往是 IMG_2041.jpg 这种天书)。
2. 为什么影响 AI 可见度
企业官网的图片里藏着大量事实:产品外观、案例现场、团队、证书、数据图表。alt 覆盖率决定了这部分信息是否进入 AI 的理解范围。同时 alt 是无障碍访问的法定要求(读屏用户靠它「听」图),做 GEO 与做无障碍在这一项上是完全重合的好事。
3. 如何自查
- F12 → Elements 搜索
<img,逐张看有没有alt属性、内容是否有意义 - 快速量化:数一下首页+产品页的图片总数,有有效 alt 的占比(本工具直接给覆盖率)
- 检查两类极端:
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. 修完如何验证
- 重跑本工具看 B6 覆盖率变化
- 浏览器装 screen reader 模拟插件,关图模式浏览是否仍能理解页面
- 抽查 10 张图,遮住图片只看 alt 能不能猜出图的内容
6. 常见误区
- 「alt 塞关键词能提权」:堆砌关键词的 alt 被视为作弊信号,且对读屏用户是灾难
- 「每张图都写满」:装饰图应该留空,全部硬写反而稀释有效信息
- 「alt 是前端的事以后再说」:这是全项目里性价比最高的修复之一,一小时的文案工作换全站图片信息入网