图片 SEO 实操:alt、WebP、压缩与懒加载怎么配

图片搜索能带来稳定的长尾流量。本文从文件名、alt、尺寸、WebP、懒加载、结构化数据六个方面给出可直接执行的图片 SEO 清单。

图片 SEO 发布人 图多多

图片搜索是很多站点忽略的流量入口。百度图片、Google Images 的抓取逻辑并不神秘:能不能抓到、抓到了知不知道是什么、能不能快速加载,三件事做好就有排名。

一、文件名别再用 IMG_0001

把 IMG_20261012_093311.jpg 改成 yicun-zhengjianzhao-baidi.jpg,搜索引擎能从 URL 直接读懂图片内容。中文站建议用拼音或英文,避免 URL 编码后变成一串百分号。

二、alt 是必填项,不是选填

  • 写清楚「是什么」,不堆关键词:alt="一寸白底证件照(295×413)"
  • 纯装饰性图片用 alt="",让屏幕阅读器跳过;
  • 同一页面多张图,alt 不要重复,分别描述差异。

三、尺寸与体积

图片实际显示宽度 800px,就不要上传 4000px 的原图。上传前先缩到显示尺寸的 1.5~2 倍,既保证高分屏清晰,又不浪费带宽。体积上单张控制在 200KB 内,首屏图尽量 100KB 内。

四、换成 WebP,加一层 fallback

WebP 同画质体积比 JPG 小约三成。写法上给老浏览器留退路:

<picture>
  <source srcset="a.webp" type="image/webp">
  <img src="a.jpg" alt="说明文字" width="800" height="600" loading="lazy">
</picture>

别忘了写 width 和 height,可以避免图片加载完成前页面跳动(CLS 指标)。

五、懒加载只用在下半屏

loading="lazy" 会让浏览器延迟加载视口外图片,但首屏大图加了反而更慢,还可能影响 LCP 评分。首屏图用 loading="eager" 或直接不加。

六、加结构化数据

商品图、教程图可以配 ImageObject 结构化数据,标注内容、作者、版权,有助于在图片搜索结果里获得更完整的展示。

七、别忘了 sitemap

图片多的话,在 sitemap 里加 image:image 扩展,把图片 URL 和标题一并提交,抓取效率明显提升。

常见问题

alt 里要堆关键词吗?

不要。alt 的作用是描述图片内容,自然包含关键词即可,堆砌会被判为作弊。

WebP 会影响百度收录吗?

百度已支持 WebP 抓取,配合 picture 标签做降级最稳妥。

图片必须压缩吗?

首屏图和列表页图片必须压,单张 200KB 以内是相对安全的线。

用得上本文的工具