Google 图片 SEO 最佳实践指南

💡 核心摘要：Google 图片 SEO 的核心是两件事：先让 Google 能发现并索引图片，再让图片所在页面提供足够上下文。标准 <img src>、图片站点地图、响应式图片后备 URL、支持格式、高质量压缩、相关落地页、首选图片元数据、结构化数据、描述性文件名和自然 alt 文本，都会影响图片在搜索中的表现。

一、图片 SEO 覆盖哪些搜索场景

Google 图片不只出现在“图片”标签页。普通文字结果、Google 探索、富媒体结果、商品结果和其他视觉搜索体验中，都可能展示网页图片。

不同功能外观不同，但基础原则相同：图片要能被 Google 发现、抓取、理解，并且和落地页内容有清楚关系。

因此，图片 SEO 不是单独上传图片就结束。它涉及 HTML 实现、图片资源访问、落地页内容、页面标题、结构化数据、性能和无障碍。

二、使用标准 HTML 图片元素

Google 明确建议使用标准 HTML 图片元素嵌入图片。Google 可以从 <img> 元素的 src 属性中发现图片，即使它位于 <picture> 元素内部。

推荐：

<img src="/images/seo-dashboard.png" alt="SEO 数据看板截图">

不推荐把重要图片只作为 CSS 背景：

<div style="background-image:url(/images/seo-dashboard.png)"></div>

Google 不会把 CSS 图片作为图片搜索索引目标。装饰性背景可以用 CSS，但承载内容价值的图片应使用 <img>。

三、用图片站点地图补充发现

如果网站图片很多，或者图片通过复杂前端逻辑、图库、懒加载、CDN 托管，Google 可能不容易发现所有重要图片。此时可以使用图片站点地图。

图片站点地图可以提交页面中的图片 URL，还允许在 <image:loc> 中包含其他域名的图片 URL。这对使用 CDN 托管图片的网站很有用。

如果图片托管在 CDN 上，建议在 Search Console 中验证 CDN 域名所有权，这样当 Google 遇到抓取问题时，你能收到更明确的通知。

四、响应式图片必须有后备 src

响应式图片对用户体验很重要。你可以用 srcset 或 <picture> 为不同设备提供不同版本图片。

但某些浏览器和抓取工具可能无法理解所有响应式属性，因此 Google 建议始终通过 src 属性提供后备 URL。

<img
  srcset="/images/report-480.webp 480w, /images/report-960.webp 960w"
  sizes="(max-width: 600px) 480px, 960px"
  src="/images/report-960.jpg"
  alt="SEO 报告页面在桌面端的截图">

使用 <picture> 时，也要在内部提供带 src 的 <img>：

<picture>
  <source type="image/webp" srcset="/images/chart.webp">
  <img src="/images/chart.png" alt="自然搜索流量趋势图">
</picture>

五、使用 Google 支持的图片格式

Google 搜索支持多种常见图片格式，包括 BMP、GIF、JPEG、PNG、WebP、SVG 和 AVIF。实际项目中，建议让文件扩展名和文件类型一致，避免抓取和缓存判断混乱。

WebP 和 AVIF 往往能提供更好的压缩效率，但不要只追求体积。图片需要清晰、可识别，并且在搜索缩略图中仍有吸引力。

数据 URI 也可以用于内嵌图片，但要谨慎。内嵌图片可能减少请求，却会显著增加 HTML 体积，不适合大量内容图片。

六、同时优化速度和质量

图片通常是页面体积最大的部分。模糊图片会降低点击吸引力，过大的图片又会拖慢加载，影响网页体验。

实战中要同时做两件事：提供足够清晰的原图和缩略图，使用合适尺寸、压缩、懒加载和响应式资源，避免移动端下载桌面大图。

可以用 PageSpeed Insights 检查图片相关问题，例如未压缩图片、尺寸不匹配、未使用现代格式、首屏大图阻塞加载等。

💡 图片 SEO 和性能不是对立的。高质量图片应该通过正确格式和尺寸交付，而不是把原始大图直接丢到页面里。

七、落地页内容会影响图片理解

Google 会结合图片所在页面的内容和元数据理解图片。图片不是孤立排名，落地页主题、标题、正文、说明文字和结构化数据都会影响图片如何被理解。

尽量把图片放在相关文字附近。例如产品截图应靠近对应功能说明，流程图应靠近步骤解释，案例图应靠近案例上下文。

如果图片和页面主题不相关，或者页面缺少文字说明，Google 更难判断图片适合哪些查询。

八、指定首选图片

Google 会自动选择页面在搜索结果、文字结果图片或 Discover 中展示的图片。你可以通过结构化数据或 og:image 提供首选图片信号。

结构化数据示例：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": "https://example.com/blog/image-seo",
  "image": "https://example.com/images/image-seo-cover.jpg"
}
</script>

Open Graph 示例：

<meta property="og:image" content="https://example.com/images/image-seo-cover.jpg">

首选图片应与页面内容相关、能代表页面主题、分辨率足够高。不要使用通用 Logo、含大量文字的图片、过窄或过宽的极端比例图片。

九、标题和说明也影响图片搜索结果

Google 会自动生成搜索结果标题链接和摘要。图片搜索中的标题和说明也会受到页面 title、meta description、正文和上下文影响。

如果图片落地页标题模糊，Google 可能很难生成准确展示。页面标题应说明页面主题，摘要应补充页面能解决什么问题。

这也是为什么图片 SEO 不能脱离页面 SEO。图片本身清楚，但页面标题和正文不清楚，仍会影响搜索结果表现。

十、添加适合的结构化数据

如果页面适合某种富媒体搜索结果，结构化数据能帮助 Google 在图片搜索中展示更丰富的信息。

例如商品页、食谱页、视频页、文章页、本地商家页等，都可以根据页面类型添加相应结构化数据。许多结构化数据类型要求提供图片字段，才能在对应富媒体结果中完整展示。

结构化数据必须符合通用指南和具体类型指南，并且标记内容要和页面可见内容一致。

十一、文件名、标题和 alt 要有描述性

Google 会结合文件名、页面上下文、标题、图片说明和 alt 文本理解图片。文件名虽然只是轻微信号，但仍值得规范。

推荐：

seo-dashboard-example.jpg
google-search-console-indexing-report.png

不推荐：

IMG00023.JPG
image1.jpg
pic.gif

alt 文本最重要。它既帮助 Google 理解图片，也帮助使用屏幕阅读器或弱网环境的用户理解内容。

好的 alt 应该实用、具体、和页面内容相关，避免关键词堆砌。

<img src="/images/report.png" alt="Google Search Console 中页面索引状态报告截图">

十二、图片被复用时保持同一 URL

如果同一张图片会出现在多个页面，建议始终使用同一个图片 URL。这样 Google 可以缓存和复用资源，不需要对同一图片发起多次抓取。

大型网站尤其要注意这一点。频繁生成不同尺寸、不同参数、不同 hash 的图片 URL，可能增加抓取成本，也让图片信号分散。

可以用响应式图片提供不同尺寸，但主图片资源和缓存策略应尽量稳定。

十三、如何选择停用 Google 图片内嵌链接

如果你不希望完整尺寸图片在 Google 图片搜索结果页中以内嵌方式展示，可以选择停用内嵌链接。

做法是检查图片请求的 HTTP 引荐来源。如果请求来自 Google 域名，可以返回 200 或返回 204 且不包含内容。Google 仍可抓取网页并看到图片，但会在搜索结果中显示抓取时生成的缩略图。

这不会被视为图片伪装真实内容，也不需要重新处理网站上的图片。若想彻底阻止图片出现在搜索结果中，则需要使用更强的图片移除或阻止方式。

十四、针对安全搜索优化

如果网站包含露骨内容，必须帮助 Google 理解网站性质，以便正确应用 SafeSearch。否则可能出现不该展示的内容被展示，或者正常内容被错误过滤。

对用户生成内容、图片社区、成人主题、医疗或艺术裸露内容尤其要建立内容标记和审核流程。图片 SEO 不只是流量问题，也涉及搜索安全和用户预期。

📌 核心收获

• ✓ 重要图片要用 <img src>：CSS 背景图不适合作为图片搜索索引目标。
• ✓ 图片站点地图帮助发现：尤其适合 CDN、图库和复杂加载场景。
• ✓ 响应式图片要有后备 URL：srcset 和 <picture> 仍应提供 src。
• ✓ 落地页上下文很重要：标题、正文、说明和结构化数据都会帮助理解图片。
• ✓ 首选图片要相关且高质量：避免通用 Logo、大量文字和极端比例图片。
• ✓ alt 文本服务用户和搜索：具体描述图片，避免关键词堆砌。
• ✓ 速度和质量要同时优化：图片清晰但不能拖垮页面加载。

🚀 立刻行动

1. 抽查核心页面，确认重要图片都使用 <img src>，而不是只作为 CSS 背景。
2. 为 CDN 或图库图片补充图片站点地图，并验证 CDN 域名。
3. 检查响应式图片是否都有 src 后备 URL。
4. 为重点页面设置代表性的 og:image 或结构化数据图片字段。
5. 批量清理 IMG0001.jpg、image1.jpg 这类无意义文件名。
6. 为重要图片补写自然、具体、不堆关键词的 alt 文本。
7. 用 PageSpeed Insights 检查图片体积、尺寸和格式问题。
8. 如果涉及露骨内容，建立 SafeSearch 相关标记和审核流程。

来源：Google 图片 SEO 最佳实践 | 本文为知识提炼与重新表达