图片 SEO 优化指南
图片悄悄左右着页面速度与视觉搜索。本指南讲清真正影响排名的格式、压缩与投递选择。
为什么图片值得单独做 SEO 规划
图片很少是 SEO 战略的头条，却悄悄左右着 Google 看重的两件事：页面速度（LCP 常常就是某张图片）和视觉搜索发现。在众多市场普遍存在的慢速移动网络上，一张未优化的头图就能把 LCP 推过 2.5 秒门槛，拖垮整页。做得好，图片还能赢得图文聚合和镜头式展示位——这是纯文字永远抓不到的。
1. 选对格式
- AVIF：在浏览器支持允许时优先——同等画质下压缩最好。
- WebP：照片与复杂图形的安全默认选择。
- SVG：图标与 Logo（基于文本、体积极小、任意尺寸都清晰）。
- PNG：仅当你需要 WebP 覆盖不了的无损透明时才用。
现代格式比传统 JPEG/PNG 少则省 30%、多则省 70% 字节——这是对图片重页性价比最高的一改。
2. 压缩而不损失观感
目标是感知平衡：把文件压到肉眼并排对比与原图一致就停。Squoosh、sharp 或 ImageMagick 都能让你把照片质量设到 70–85。任何非技术人员上传的资源都要重新压缩——CMS 上传常常是不压缩的。
3. 尺寸、分辨率与响应式分发
绝不要把 4000 像素宽的照片塞进 600 像素的容器。用 srcset 和 sizes，让每台设备只拉取刚好够用的版本：
- 为头图生成 1x、2x 和几个宽度断点。
- 设置明确的
width/height属性预留布局空间（防止 CLS）。 - 让 CDN 在边缘节点为国际访客自动转换与缩放。
4. 正确的懒加载
对首屏以下的图片用 loading="lazy" 懒加载。但首屏内的 LCP 图片要保持即时加载——把 LCP 元素懒加载是经典错误，会伤害你正想改善的那个指标。
5. 对用户和爬虫都有用的 Alt 文本
Alt 文本首要为无障碍服务，其次才是 SEO。把它写成对图片内容及语境相关性的简洁描述——而不是关键词堆砌。
- 装饰性图片：用空
alt=""，让屏幕阅读器跳过。 - 信息性图片：描述主体及其相关意义。
- 避免把同一个关键词塞进页面里每一张 alt。
6. 文件名与图注
blue-running-shoes-side.jpg 这种文件名比 IMG_4821.jpg 稍好，但真正的排名信号是周边语境（标题、图注、段落）。文件名起得合理即可，不必过度纠结。
7. 图片 Sitemap 与结构化数据
对图片密集或画廊类站点，图片 sitemap 有助于发现。当图片是页面核心（食谱、商品）时，加上 ImageObject schema。可授权图片可用 licensable 标记在图片搜索中显现。
8. CDN、缓存与地理分发
让图片从离用户近的 CDN 提供。设置长缓存头（带版本号的文件名可缓存一年），让回头客不必重新下载。对全球受众，边缘节点缩放的图片能消除拖慢首屏的跨洲往返。