图片SEO指南：Alt文本、速度和索引

上次更新: June 28, 2026

图像 SEO 不是将关键词塞入文件名中的技巧。它是关于使重要图像在它们出现的页面上可发现、易懂、快速和实用的实际工作。

本指南涵盖了我在处理产品图库、编辑文章、本地服务页面或图片密集型登陆页面时的工作流程，然后再讨论这些图像是否能在 Google Images 中获得排名。

快速答案：图像 SEO 最重要的是什么？

当图像可以被爬取、页面解释了图像的内容，并且文件加载速度足够快以至于用户不会放弃页面时，图像 SEO 就有效了。从稳定的 HTTPS 图像 URL、描述性的文件名、具体的 alt text、有用的周围文本和尺寸适配布局的压缩 WebP 或 AVIF 版本开始着手。

Google 自己的 image best practices 强调高质量的图像、靠近图像的描述性文本、良好的页面标题以及可爬取的 URL。页面的上下文与文件本身一样重要。

请遵循这个顺序：首先是可发现性，其次是描述性，第三是交付性，最后是衡量性。如果文件返回 404，被 robots.txt 阻止，或者只出现在搜索引擎无法可靠解析的客户端代码中，再好的 alt text 也无济于事。

对于图像 SEO 工作之后的更广泛发布流程，请使用 Complete Image Optimization Checklist。如果眼前的问题是文件重量，Image Compression Ratio Guide 解释了如何在不隐藏可见损坏的情况下衡量节省的量。

Google 如何理解一张图像？

Google 可以利用图像文件、页面标题、标题、可见文本、图注、结构化数据和链接来了解图像代表什么。在空白页上放一张蓝色跑鞋的照片，其权重不如同一张照片出现在一个包含清晰标题、型号名称、颜色、尺码选项和描述性 alt text 的产品页面中。

发现是第一道关卡。图像 URL 应该返回 HTTP 200，使用可爬取的格式，并且在发布后保持稳定。除非最终渲染的 URL 是公开且可索引的，否则应避免为公共文章图片使用临时的签名 URL。

请使用这个快速可爬性清单：

1. 最终的图像 URL 返回 HTTP 200，无需认证。
2. 页面 URL 是可索引的，没有被 noindex 阻止。
3. 图像没有被 robots.txt 阻止。
4. 图像出现在正常的 HTML 或可预测的渲染标记中。
5. 页面有文本解释了为什么这张图像很重要。
6. 图像文件足够稳定，可以被缓存和重新爬取。

图像站点地图有助于大型图库的发现，但它不能取代页面的质量。Google 在其 sitemap image extension guidance 中记录了图像站点地图的支持。当图像是重要的内容而非仅仅装饰性的页面元素时，才使用它。

alt text 应该包含什么？

Alt text 应该描述图像对页面的可见主体和功能。请为无法看到图像的人撰写它，然后检查该描述是否也为搜索引擎提供了清晰的上下文。

好的 alt text 是具体的、足够简洁易读，并且没有关键词堆砌。它不应该在每张图片上重复文章标题。它也不应该描述没有任何信息的装饰性形状。如果图像是一张图表，则应总结图表的要点，而不是写“chart”。

在发布前使用此 alt-text 检查：

1. 首先命名可见的主体。
2. 添加本页面重要的细节。
3. 仅当品牌标识可见或有用时才保留它。
4. 跳过诸如“image of”之类的短语，除非需要澄清。
5. 不要在一个属性中堆砌多个关键词变体。
6. 仅对真正装饰性的图像使用空 alt text。

为了可访问性上下文，MDN 的 img element reference 解释了当无法加载或看到图像时如何使用 alt。将此视为基线，然后在图像是重要内容时添加页面特定的上下文。

你应该使用什么文件格式和尺寸？

对于大多数公共网络图像，应在将主图调整到实际显示需求后，导出现代交付副本。WebP 是广泛支持的安全默认选择。AVIF 对于许多照片图像可能更小，但编码速度较慢，且伪影行为不同。请单独保留源主图，尤其是用于产品照片和编辑摄影。

我最常看到的错误是将一个 4000 px 的上传文件进行压缩，然后将其显示为 900 px。先调整尺寸，再压缩。较低的质量设置无法完全抵消超大的尺寸。

我在本文中生成的图表图像尺寸为 1400 by 788，并将其导出为 WebP quality 82。本地输出的尺寸调整图是 22 KB，封面图是 42 KB。这些数字很小，因为图形使用了纯色和文本。相同尺寸的真实照片可能会大得多，所以请测量您自己的素材，而不是复制固定的字节目标值。

关于格式权衡，请比较 AVIF vs WebP。如果您需要在导出前确认尺寸，请使用 Check Image Size and Dimensions。

响应式图像如何影响 SEO？

响应式图像帮助用户和爬虫为设备获取正确的资源文件。移动访问者不应该下载与桌面显示器接收的相同巨大主图。当同一张图片需要多个宽度时，请使用 srcset 和 sizes，并在 img 元素上保留一个有意义的 alt 值。

页面在图像加载之前应该预留空间。设置 width 和 height 属性或使用 CSS aspect ratio 规则，以防止内容在浏览器获取文件时跳动。Google 将累积布局偏移（Cumulative Layout Shift）作为其 Core Web Vitals guidance 的一部分进行记录，没有尺寸的图像是常见的可预防原因之一。

当您有响应式衍生图时，请使用此标记模式：

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Blue trail running shoe with black laces and thick white sole"
  loading="lazy"
>

不要习惯性地延迟加载最重要的首屏图像。主图、主要产品照片和核心编辑图片通常需要正常的优先级。折叠以下（below-the-fold）的图库图像更适合延迟加载。

对于批量衍生图生成，Batch Resize Guide 提供了一个命令行工作流程。对于移动设备特定的图像决策，请将本指南与 Mobile Image Optimization 结合使用。

是否应该使用图像站点地图和结构化数据？

当图像是重要内容而非仅仅装饰性支持时，应使用图像站点地图。它们对产品目录、食谱、图库和编辑档案尤其有用，这些地方需要可靠地发现许多图像 URL。

当页面类型支持时，结构化数据也可以提供帮助。产品、食谱、文章和视频页面通常在 schema 标记中包含图像属性。Schema 应匹配可见的页面内容；不要标记用户看不到的图像。

如果图像是生成的或经过大量编辑的，请保持页面上下文的真实性。不要让一张精修的图像暗示了页面不支持的产品、房产或结果的证明。

发布后如何衡量图像 SEO？

衡量应该将图像发现与页面速度分开。Search Console 可以通过将搜索结果报告筛选为“Image search”类型来显示图像搜索性能。Core Web Vitals 和 Lighthouse 可以显示图像是否损害了加载体验。

发布后检查这些项目：

1. 重要的 CDN 图像 URL 返回 HTTP 200。
2. 渲染的页面包含最终的图像标记。
3. Search Console 正在为相关的查询收集展示量（impressions）。
4. Largest Contentful Paint 没有被超大尺寸的图像主导。
5. 图像加载时没有发生布局偏移（Layout shift）。
6. 编辑或替换后，alt text 仍然匹配可见的图像。
7. 内部链接指向有用的下一步页面，而不是不相关的帖子。
8. 图像在 Open Graph 和社交预览中正确显示。

不要指望图像 SEO 能修复一个内容稀疏的页面。如果文章、产品页或图库缺乏有用的文本，那么图像就没有足够的上下文来获得排名。当图像真正帮助页面回答查询时，图像 SEO 最为强大。

图像 SEO 清单

对于所有对搜索流量、社交分享或转化重要的图像，请使用此最终检查：

最简单可靠的工作流程仍然是最好的：使用可爬取的图像，诚实地描述它，在压缩前调整尺寸，从稳定的 CDN 交付它，并在页面上线后衡量效果。