在数字化出海与一人公司业务落地中，掌握 图片SEO全景指南 的底层逻辑与实操细节至关重要。本文将结合一线实战经验进行全链路复盘。
一张图能不能在谷歌图片搜索里排上去，问题常常不在图本身，在它被放在了哪里、怎么放的。谷歌的官方文档说得直白——用CSS背景图放进去的图片，谷歌不会编入索引。图传上去了，读者在页面上看得见，但谷歌收录那一页的时候，并不会把它算进图片库里。
更关键的是，图片不是单独参赛的。谷歌的图片文档里明确写道：图片所嵌入网页的内容和元数据，对图片在搜索结果中出现的方式和位置影响很大 [1]。文件名能给的，只是很轻的线索。这意味着一张图要拿排名，必须先解决三个门槛：被抓到、放对位、够规格。三道门都过了，才谈得上后面的排名。
很多出海站的问题就出在第一道门上——图片压根没被抓取。有人以为是关键词没写对、alt标签不够优化，排查到最后才发现，图是藏在CSS背景里的，或者首屏图用了懒加载，又或者是robots.txt把图片目录给挡了。这类「放错地方」的问题排除了，后面的优化才有意义。
先搞清：图片会在谷歌的哪四个位置出现
同一张图，出现在不同的搜索入口，背后的逻辑和衡量指标都不一样。搞清楚分布在哪里，才能决定怎么优化。
| 位置 | 用户在哪看到 | 谷歌靠什么选图 | 流量在哪看 |
|---|---|---|---|
| Google图片标签页 | 在图片频道里翻图、点开大图 | 图片被收录，所在页面内容、图旁文字、页面标题 | 效果报告切「图片」 |
| 网页结果里的图片缩略图 | 搜索结果右边的小图、商品词下方的图片行 | 首选图机制、图尺寸和清晰度 | 无单独筛选，混在「网页」里 |
| Google探索信息流卡片 | 按兴趣推荐的内容卡片，Chrome也有 | 页面收录、内容政策、大图规格、og:image | Google探索单独报告 |
| 多模态搜索 | 智能镜头、圈选即搜、上传图片触发 | 与上述入口共用收录机制 | 效果报告切「网页：多模态」 |
四处入口看着不同，谷歌给的一般建议是一致的，一套做法四处都管 [1]。Search Console里那些搜索类型的中文叫法，以后台实际显示为准。
第一道门：图片怎么被谷歌收录
收录是前提。内容进搜索结果的那些技术要求，图片一样适用，只是图片跟HTML长得不一样，所以还有几个额外的条件。
谷歌只认标准HTML元素，CSS背景图不收录
谷歌官方明确说明：它可以通过 <img> 元素的 src 属性发现图片，即使这个 <img> 是 <picture> 等父元素的子元素 [1]。它不会把CSS图片编入索引 [1]。
好写法是 <img src="..." alt="...">，效果欠佳的写法是把图塞进CSS背景。同一张图，两种放法，一个进索引，一个不进。在用 <img> 或者 srcset 做自适应图片的时候，有些浏览器和抓取工具不认 srcset 这些属性，所以建议一律用 src 属性指定一个后备网址。这个后备网址不能省。
懒加载不是不能用，前提是图进了视口自己就加载出来，不能等用户滚动，也不能等点击。谷歌的原话是「Google搜索不会和你的页面互动」。打开页面马上能看到的那张首屏图，别给它加懒加载。
网址稳定、别挡抓取
同一张图被多个页面引用的时候，一直用同一个网址。谷歌能把它缓存下来反复用，不用每次都重新请求，抓取预算就是这么省出来的。
图片放在CDN上托管是允许的，图片站点地图里的 image:loc 也可以写别的域名。建议顺手在Search Console里把CDN那个域名也验证掉，抓取出了问题会通知你；不验证，图进不去你也不知道。robots.txt别去挡你要收录的图片，写法可以参考官方文档。
排查顺序建议这样走：先看页面本身有没有收录，再用网址检查工具看渲染后的HTML——<img> 的 src 里是不是真的图片网址，还是占位图、data-src，或者干脆是CSS背景图；再查robots.txt有没有挡图片目录或CDN域名；然后看图片网址是不是每次都在变；再看图在页面上是不是太小太糊；最后等等，收录要时间，排名还要看所在页面的表现。
第二道门：谷歌怎么判断图片该排多高
图被收录了，接下来就是排名的问题。谷歌的判断逻辑很清晰：图片跟着页面走。
图要放在讲它的那一段旁边
谷歌的原话是：「图片所嵌入网页的内容和元数据，对图片在Google搜索结果中出现的方式和位置影响很大」。它还会从网页内容里把图片的主题信息提出来，包括说明文字和图片标题。图不是自己单独参赛，它跟着所在的那一页一起被判断 [1]。
最直接的一件事，就是把图放在相关文字附近，放在跟图片主题相关的那一页上。图下面写一句说明，谷歌读得到。页面的 title 和 meta description 也是谷歌自动生成标题链接和摘要的来源之一，把页面在讲什么写清楚，图跟着受益。
首选图机制和og:image
网页结果里那张缩略图、Google探索的预览图，选哪张是谷歌全自动决定的。来源有三种：schema.org的 primaryImageOfPage、主实体的 image、或者 og:image。选图有规矩：要跟页面相关、有代表性；别用网站logo，别用满是字的图；别用过窄或者过宽的极端比例；尽量用高分辨率。
结构化数据还能让图片在Google图片里带个徽章，这些类型里 image 是必填项。图片的许可信息用结构化数据或者IPTC元数据提供，就有机会拿到「可授权」徽章。
图片文件名只是轻线索
文件名给谷歌的是很轻的线索。短，又能说明内容，就够了，my-new-black-kitten.jpg 比 IMG00023.JPG 要好。image1.jpg、pic.gif、1.jpg 这种通用名尽量别用。
这条线索到底有多轻，可以参考一些实际案例。有的老站多年积累下来，图片文件名还是相机默认的名字，站照样做起来了；新站则更倾向于用文章名加序号的方式命名。这是习惯差异，不是一个开关。文件名要在上传之前就想好，图传上去之后再改，网址就变了，站里引用这张图的地方全断。
第三道门：大图规格与Google探索
Google探索是一个独立的流量入口，它的规则和其他几处不太一样。
大图规格要求
Google探索对大图有明确的尺寸要求：宽度至少1200像素；总像素超过30万；宽高比建议16:9。通过 max-image-preview:large 设置可以启用大图预览，它会覆盖网页搜索、Google图片、Google探索这三处结果类型 [1]。
max-image-preview 有三个取值：none 不显示图片预览，standard 显示默认尺寸，large 能显示更大的预览，最大到视口宽度。不写这一行，谷歌可能就按默认尺寸显示。写法是：
<meta name="robots" content="max-image-preview:large">指定一张跟页面相关、有代表性的大图，会影响Google探索选哪张当缩略图，别用logo，别用满是文字的图。谷歌会尝试自动裁图，你自己裁的话要裁成横向，重要细节得留在 og:image 指定的那一版里。
图片站点地图怎么写
图片站点地图的作用，是把「你站上有哪些图片」告诉谷歌，尤其是靠JavaScript加载出来的那些图 [2]。官方样例里，必填的只有两个标签：<image:image> 包住一张图的全部信息，每个 <url> 下面最多1,000个；<image:loc> 是图片网址 [2]。图片网址可以不放在主站域名下，比如放在CDN上，两个域名都在Search Console验证过就行。
普通站点地图怎么生成、怎么提交，可以参考官方关于站点地图的文档 [2]。
图片流量怎么看
Search Console效果报告里，「搜索类型」这个筛选把不同入口分开。切到「图片」，看到的是Google图片标签页里的展示和点击；切到「网页：多模态」，看到的是别人拿图片搜进来带来的流量，比如手机相机、Google智能镜头、安卓上的圈选即搜、上传图片、Chrome图片搜索 [1]。Google探索有单独一份报告，近16个月的数据，展示量到门槛才显示，里面包含Chrome上的流量。
图片搜索里经常是展示多、点击少。展示和点击要分开看，别只看展示量就以为图片流量很大。真正要盯的是点击和点击率的变化，还有哪些页面在图片这一栏里有展示却没有点击。每周把这两个报告看一遍，才知道哪几篇该补图、哪几篇的图该换。
中国人做出海站，图片照这六条过一遍
出海站多一道手续，图和服务器离用户远。发布前每张图过一遍这六条：
- 用
<img>插图，有内容的图别拿CSS背景图放。 - 首屏那张别懒加载，下面的用浏览器自带懒加载。
- 文件名上传前就起好，用能说明内容的英文，短横线连接。
- 图放在讲它的那一段旁边，图下写一句说明。
- 文章头图宽至少1200像素、横图，设成
og:image或者特色图，别用logo，别用满屏字的图。 - 同一张图全站用同一个网址，别每次上传都新传一份。
图片别放在国内图床和国内CDN上。海外用户打开慢，谷歌抓取也可能慢。VPS性能好就直接放VPS，性能不好用Cloudflare R2，有免费额度；免费图床有速率限制，有时候反而更慢。
配图不是写完再补。写稿写到哪一段，那一张就定下来。老文章补图和换图是另一件事，尤其是那些图太小太旧的页面。
常见问题
图片alt是什么，要不要写
alt是图片的替代文本，谷歌说它是给图片补充信息时最重要的属性。要写。具体怎么写、装饰图要不要留空、控制在多长，可以参考专门的图片alt标签优化文章。
Google Discover是什么，要怎么开通
中文叫Google探索，是谷歌搜索的一部分，按用户的网络与应用活动推荐跟兴趣相关的内容 [1]。没有单独的开通入口，页面被收录、符合内容政策就自动有资格，不需要特殊标签或者结构化数据。要争取的是把大图规格做够、把 og:image 指对，别写标题党。
max-image-preview选large还是standard
用 large。standard 是默认尺寸，large 能显示更大的预览，最大到视口宽度，网页搜索、Google图片、Google探索这些结果类型都适用 [1]。不写这一行，谷歌可能就按默认尺寸显示。
图片被别人盗用，或者不想让图出现在谷歌怎么办
只是不想让人看到完整大图，可以退出内嵌链接：来自谷歌域名的请求返回200或204空内容，谷歌照样抓页面，结果里显示的是抓取时生成的缩略图，官方说不算图片伪装，不会导致人工处置。完全不想让图出现在谷歌，就用robots.txt对Googlebot-Image写Disallow，能挡单张，能用通配符，Disallow: / 是全站图片；也可以给noindex的X-Robots-Tag头。
总结
先让谷歌抓得到，再让图和讲它的那段文字待在一起，最后把大图交到该交的位置。三道门都过了，剩下的就是等和看数据。图片SEO不是一个开关，而是一套流程——从建网站的那一刻开始，到每张图发布之前，再到Search Console里每周看一眼数据。
下一步建议：把站上所有文章的代码拉出来跑一遍，按「img还是背景图」「src是不是真实网址」「文件名能不能看懂」这三条筛一遍，有问题的批量改；然后把Search Console的图片和多模态报告导出，找出有展示没点击的页面，优先补图或换图。
参考来源与延伸阅读
🔗 官方参考与相关资源直达
延伸阅读
- 网站地图sitemap详解：
- 网站速度优化指南：
- SEO文章写作流程：
- 网站内容更新策略：
- robots.txt配置方法：
- Google Search Console使用教程：
- 结构化数据入门指南：
- 网站结构优化怎么做：
- 图片alt标签写法：
- 视频SEO优化：
💎 【独家资源】火儿跨境科技 VIP 资料会员：
解锁全站 500+ 实战提示词库、自动化工作流脚本、商业源码与高阶专属圈子，持续沉淀一人公司数字资产。
👉 立即开通 VIP 资料会员（月度订阅 $9.99，即刻畅享核心工具箱） | 查看会员权益与等级说明
🚀 【体系大课】火儿跨境科技 官方实战课程：
告别零散摸索，全案拆解从建站、SEO长效获客到海外广告变现的工业级闭环流水线。
👉 《谷歌SEO优化系统课程》 | 《谷歌广告全系统基础夯实课》 | 《Facebook广告投放基础夯实课》 | 查看全部实战课程专区
💡 进阶指引：本文属于《13谷歌SEO与搜索引擎增长》系统实操专栏。如需全面掌握遵循 Google 官方算法规则，获取稳定源源不断的精准自然搜索流，欢迎查阅对应大盘母舰专题：Google SEO排名优化教学。
