如何优化图片以提升 SEO：完整指南

学习如何优化图片 SEO — 从 alt 文本和文件命名到压缩、现代格式和 Core Web Vitals。实用步骤助你提升图片搜索排名。

图片是大多数网站中占页面体积最大的资源。根据 2024 Web Almanac（HTTP Archive）的数据，图片约占总页面体积的 40% — 桌面端页面的图片数据中位数约为 1,054 KB。而超过三分之二的移动端页面的 LCP 元素是图片 — LCP 是 Google 衡量感知加载速度的核心指标。

这意味着图片 SEO 优化不是可选项 — 它直接影响你的 Core Web Vitals、Google 搜索排名以及在 Google 图片搜索中的可见度。

本指南涵盖图片 SEO 的方方面面，从元数据和文件命名到压缩、现代格式和技术交付。

为什么图片 SEO 很重要

Google 将 Core Web Vitals 作为排名信号。三项指标及其”良好”阈值为：

指标	良好	衡量内容
LCP（Largest Contentful Paint）	≤ 2.5 秒	感知加载速度 — 通常是一张图片
INP（Interaction to Next Paint）	≤ 200 毫秒	对用户输入的响应速度
CLS（Cumulative Layout Shift）	≤ 0.1	加载过程中的视觉稳定性

图片影响这三项指标：加载缓慢的主图拖慢 LCP，没有标注尺寸的图片导致布局偏移（CLS），未优化的图片可能阻塞主线程并延迟交互（INP）。

除了 Core Web Vitals，图片还直接出现在 Google 图片搜索结果中 — 这是大多数网站没有充分优化的重要流量来源。

1. 撰写描述性 Alt 文本

Google 的图片 SEO 文档称 alt 文本是「提供图片元数据时最重要的属性」。Google 结合 alt 文本、计算机视觉和页面内容来理解图片描述的内容。

最佳实践：

具体且描述性。 描述图片实际展示的内容。alt="金毛寻回犬幼犬在公园里玩接球游戏" 优于 alt="狗"。
自然使用关键词。 如果图片与目标关键词相关，可以包含 — 但必须符合描述。Google 明确警告不要在 alt 属性中堆砌关键词。
保持简洁。 Google 没有规定具体字符限制，但一两句描述性的话是最佳长度。
装饰性图片使用空 alt。 如果去掉图片不影响页面含义，使用 alt="" — 屏幕阅读器和搜索引擎会跳过它。
不要以”图片是”或”这是一张”开头。 屏幕阅读器已经会播报图片 — 加这些短语是多余的。

2. 使用描述性文件名

Google 表示描述性文件名提供「关于图片主题的非常轻量的线索」。这是一个次要信号，但实施成本为零。

示例：

好的：macbook-image-compression-app.jpg
差的：IMG_20260415_001.jpg

使用连字符分隔单词（Google 将连字符视为单词分隔符）。避免使用下划线、空格或 URL 编码字符。

对于图片量大的网站，在 CMS 或构建管线中自动化描述性命名，而非手动逐个重命名。

3. 压缩图片而不损失质量

过大的图片文件是导致 LCP 缓慢的首要原因。压缩在保持视觉质量的同时减小文件体积 — 这是你能做的影响最大的单一优化。

压缩策略：

使用可调节的压缩级别，而非单一的”优化”按钮。不同类型的图片（产品照片、图标、截图）需要不同的质量与体积比。
追求视觉无损效果。 现代压缩算法可以在没有可见质量退化的情况下显著减小文件大小。在 Zipic 中，2-3 级压缩对大多数场景能很好地平衡质量与大小。
批量压缩整个目录。 对于内容密集的网站，逐张手动压缩不现实。使用支持文件夹处理的工具 — Zipic 通过拖放、Finder 右键菜单或文件夹监控处理整个目录，新增文件自动压缩。
不要过度压缩。 压缩伪影和模糊会影响用户体验并可能降低参与度。发布前务必预览效果。

4. 使用现代图片格式（WebP、AVIF）

Google 的图片 SEO 文档将 WebP 和 AVIF 列为 Google 搜索支持的格式。Google 的 Chrome 性能文档明确推荐这些格式：

「AVIF 和 WebP 是与旧版 JPEG 和 PNG 相比，具有更优压缩和质量特性的图片格式。」

影响是显著的。根据 Google 的 WebP 文档，WebP 无损图片比 PNG 小 26%，WebP 有损图片比同等质量的 JPEG 小 25-34%。AVIF 进一步提升 — 比 JPEG 小约 60%，比 WebP 小约 35%。

Zipic 格式转换 — 批量转换为 WebP、AVIF、JPEG-XL 等现代格式

如何实施：

将现有图片转换为 WebP 或 AVIF — 使用 Zipic 等桌面工具，在压缩的同时批量转换为 WebP、AVIF、JPEG-XL 等格式。
在网站上使用 <picture> 元素实现格式回退：

<picture>
  <source srcset="hero.avif" type="image/avif">
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="描述性的 alt 文本">
</picture>

不要忘记 JPEG/PNG 回退。 虽然 WebP 和 AVIF 在 2026 年已有广泛浏览器支持，<picture> 元素可确保旧浏览器仍能正常工作。

重要： 使用现代格式不会直接提升排名。SEO 收益是间接的：更小的文件 → 更快的 LCP → 更好的 Core Web Vitals → 改善页面体验信号。

5. 将图片调整为合适的尺寸

页面布局以 800×600 显示时却加载 4000×3000 的照片，会浪费带宽并拖慢 LCP。Google 的 Lighthouse 审计将此标记为「正确调整图片大小」 — 尺寸过大是最常见的性能问题之一。

最佳实践：

调整到最大显示尺寸。 如果内容区域宽 800px，不要加载 2400px 的图片。对于 Retina 显示屏，提供 2 倍尺寸 — 即 800px 显示区域提供 1600px 图片。
使用 srcset 和 sizes 属性让浏览器选择合适的图片尺寸：

<img
  srcset="photo-400.webp 400w, photo-800.webp 800w, photo-1200.webp 1200w"
  sizes="(max-width: 800px) 100vw, 800px"
  src="photo-800.webp"
  alt="描述性的 alt 文本"
>

上传前批量调整尺寸。 Zipic 可设置目标宽度（如 1200px），自动调整高度以保持纵横比 — 整个文件夹一次完成。详见调整图片尺寸指南。

6. 标注图片尺寸以防止布局偏移

当浏览器在图片加载前不知道其尺寸时，页面内容会随着图片出现而跳动 — 造成累积布局偏移（CLS）。Google 对 CLS 的”良好”阈值是 ≤ 0.1。

解决方法： 始终在 <img> 标签上包含 width 和 height 属性：

<img src="photo.webp" width="800" height="600" alt="描述性的 alt 文本">

现代浏览器使用这些属性计算纵横比，在图片加载前预留正确的空间。配合 CSS max-width: 100%; height: auto; 实现响应式行为。

7. 实施智能懒加载

Google 明确建议不要对首屏图片使用懒加载。在一期 Google Search Off the Record 播客中，Martin Splitt 提到连 developers.google.com 网站本身都曾犯过这个错误 — 所有图片都默认懒加载，导致 LCP 受损。

规则很简单：

图片位置	建议
主图/横幅（首屏）	`loading="eager"` 或省略该属性，加 `fetchpriority="high"`
Logo（首屏）	`loading="eager"`
首屏以下所有图片	`loading="lazy"`

对于 LCP 图片，还应考虑预加载：

<link rel="preload" as="image" href="hero.webp" fetchpriority="high">

8. 提交图片站点地图

Google 仍然支持图片站点地图，并推荐用于通过 JavaScript 加载的图片、托管在 CDN 上的图片，或标准爬取可能遗漏的图片。

目前需要的标签很简单：

<url>
  <loc>https://example.com/page.html</loc>
  <image:image>
    <image:loc>https://example.com/images/photo.webp</image:loc>
  </image:image>
</url>

每个 <url> 最多可包含 1,000 个 <image:image> 条目。你可以在现有站点地图中添加图片扩展，或创建单独的图片站点地图。

注意：Google 在 2022 年废弃了几个图片站点地图标签，包括 <image:title>、<image:caption>、<image:geo_location> 和 <image:license>。目前只需要 <image:image> 和 <image:loc>。

图片 SEO 检查清单

每张发布的图片都应对照此清单：

Alt 文本 — 描述性的、关键词相关的、不堆砌
文件名 — 描述性的、连字符分隔、避免通用名称
已压缩 — 在可接受质量下的最小文件大小
现代格式 — WebP 或 AVIF，带 JPEG/PNG 回退
合适尺寸 — 调整到显示尺寸（Retina 2 倍）
标注尺寸 — <img> 标签上的 width 和 height 属性
懒加载 — 首屏以下 loading="lazy"，首屏 loading="eager"
图片站点地图 — JavaScript 加载或 CDN 托管的图片已包含

用 Zipic 自动化图片 SEO

对于内容密集的网站，手动优化每张图片不可持续。Zipic 自动化了最耗时的部分：

一次完成批量压缩 + 转换 + 调整尺寸 — 在一个预设中设置压缩级别、目标格式（WebP、AVIF）和最大宽度，然后拖入整个文件夹
文件夹监控 — 自动压缩新增图片，使用你的预设设置
12 种格式 — JPEG、PNG、WebP、AVIF、HEIC、JPEG-XL、TIFF、GIF、ICNS、SVG、PDF、APNG
并排预览 — 发布前直观验证压缩质量
URL Scheme + Apple 快捷指令 — 集成到构建管线和 CMS 工作流

免费版每天可处理 25 张图片，支持 5 种格式。Zipic Pro 起步价 $19.99 一次性买断，解锁无限压缩、全部 12 种格式和完整自动化套件。