用AI编程批量治理图片SEO：自动生成alt、压缩体积并输出WebP与懒加载改造

图片SEO长期是网站运营里最费力不讨好的环节。一个中型站点动辄几千张图，alt文本缺失率普遍超过60%，单图平均体积在300KB以上，首屏之外还塞满未懒加载的img标签。人工逐张处理不现实，而用AI编程工具写脚本批量治理，能把几天的工作压缩到几小时。

治理前先量化：三个必须拿到的基线数据

动手写脚本前，先用爬虫或站点地图导出图片清单，拿到三组数字，否则优化效果无法验证。

1. 图片总量与缺失alt的比例：用Python的BeautifulSoup遍历sitemap中的页面，统计<img>标签总数和无alt或alt为空的占比。
2. 体积分布：按文件大小分桶（小于100KB、100KB到500KB、大于500KB），找出最重的20%图片。
3. 格式构成：统计JPEG、PNG、GIF、WebP各自占比，WebP低于30%说明转换空间很大。

这三组数据建议存成CSV，后面脚本的输出与它对比，能直接算出alt覆盖率提升多少、总体积下降多少。

用AI编程工具生成alt文本处理脚本

工具选型与分工

主流AI编程工具在这个任务上的定位不同：Claude Code和Cursor适合写完整脚本并直接跑终端命令，GitHub Copilot适合在编辑器里补全零散函数，通义灵码对中文语境下的alt描述更自然。实际组合建议是用一个对话式工具生成主脚本，用编辑器内补全工具做局部修改。

alt生成的两条路线

• 路线A：调用多模态模型（如GPT-4o、Qwen-VL）读图生成描述，准确率高，适合产品图、场景图，成本约每千张几元到十几元。
• 路线B：从文件名、页面标题、周边段落文本推断alt，零成本但质量不稳定，适合装饰性图片或预算极紧的场景。

实操中先用路线B批量打底，再对重点页面（首页、栏目页、高流量文章）用路线A重写。给AI的提示词要限定长度和格式，例如要求“40字以内、描述主体加动作、不堆关键词”。

alt文本的核心是描述图片内容，不是塞关键词。批量生成后务必抽检10%，关键词堆砌反而会被判为作弊。

压缩、WebP转换与懒加载的流水线

处理步骤

1. 备份原图目录，脚本只处理副本，避免不可逆损失。
2. 用sharp或ImageMagick批量压缩：JPEG质量设为75到80，PNG用pngquant降到256色。
3. 同步输出WebP版本，质量参数70到75，文件名加.webp后缀。
4. 改写HTML中的img标签，用<picture>包一层，WebP作为source，原格式作为fallback。
5. 首屏以外的图片加loading="lazy"和decoding="async"，首屏大图保留eager。

改写HTML这一步最容易出错，建议脚本先输出diff预览，人工确认后再批量写入。下面是一段改写后的标签结构示例：

<picture>
  <source srcset="https://www.loongpalace.com.cn/img/hero-800.webp" type="image/webp">
  <img src="https://www.loongpalace.com.cn/img/hero-800.jpg" alt="工程师在机房调试服务器" loading="lazy" decoding="async" width="800" height="533">
</picture>

注意保留width和height属性，这是防止CLS（布局偏移）的关键，也是Core Web Vitals评分的一部分。

效果对比参考

这些数字来自一个约6000张图的资讯站实测，站点结构不同会有浮动，但量级可参考。

日常网站管理中的防回退机制

批量治理只解决存量，增量靠流程卡住。在CI里加一个检查脚本，新提交的图片若缺少alt或单图超过200KB，直接让构建失败。这样运营人员上传图片时会被迫补全描述，图片SEO不会随时间回退。

另外把alt生成脚本做成内部小工具，运营上传时自动填入建议描述，人工改两个字即可。AI编程工具在这里的价值不是写一次脚本，而是让团队有能力持续迭代这类小工具，把日常网站管理里的重复劳动逐步自动化。