图片SEO与Alt标签优化：让图片在谷歌图片搜索拿排名

一张图在谷歌上排不上去，问题常常不在图本身，在它被放在了哪里、怎么放的。谷歌的图片文档写得很直白：用CSS背景图放的图片，谷歌不会编入索引。图传上去了，读者看得见，谷歌收录这一页的时候不会把它算进去。做图片SEO优化，先排除的就是这类「放错地方」的问题。

同一份文档里还有一句更要紧的：一张图能不能在搜索结果里出现、出现在哪个位置，跟图所嵌入那一页的内容和元数据关系很大。文件名能给的，只是很轻的线索。这两句放一起，图片SEO的方向就定了。图不是单独去参赛，它跟着所在的那一页一起被判断。

秒出海的判断很简单：一张图要排上去，先得被谷歌找到，再得待在讲它的那一页上，最后图本身还得够大够清楚。alt是其中一环，不是全部。

• 谷歌只认<img>标签，包括<picture>里的img，CSS背景图不收录。
• 图片站点地图的必填标签只剩image:image和image:loc两个，title和caption从2022年8月起没有任何作用。
• Google探索要的大图，宽度至少1200像素、16:9横图，再用max-image-preview:large打开大图预览。
• Kirbie’s Cravings加了这一行之后，Google探索点击率提升79%；Istoé六个月内点击次数增加332%（谷歌官方案例）。
• Search Console效果报告把搜索类型切到「图片」，图片带来的流量可以单独看。

这篇只讲图片怎么被谷歌找到、怎么被收录、怎么在搜索结果里排上去，还有流量在哪看、搜不到怎么回查。alt文本写什么、图怎么压缩、用什么格式、WordPress媒体库那个alt框怎么填，归另一篇讲，图片alt标签写法和图片压缩，这里只在一句话能带过的地方带一句。

图片SEO做好了，图会出现在谷歌的哪几个位置

先把位置分清楚。同一张图，出现在Google图片标签页里、出现在网页结果旁边那张小缩略图上、出现在Google探索的信息流卡片里，是三个不同的入口；再加上你拿一张图去搜的多模态搜索，一共四处。

位置	用户在哪看到	谷歌靠什么选图	在Search Console哪里看
Google图片标签页	在图片频道里翻图、点开大图	图片被收录，所在页面的内容、图旁边的文字、页面标题	搜索类型：图片
网页结果里的图片缩略图	搜索结果右边的小图，商品词结果里那一排商品图	首选图，也就是og:image、primaryImageOfPage或主实体的image，加上图本身的尺寸和清晰度	帮助页列的搜索类型里没有单独这一项
Google探索卡片	谷歌按兴趣推荐的内容信息流里的卡片，Chrome上也有	页面被收录、符合内容政策、有够规格的大图，og:image指的那张	单独的Google探索报告
用图片搜进来的多模态搜索	智能镜头、圈选即搜、上传一张图、Chrome里的图片搜索	跟上面几处一样	网页：多模态

四处位置看着不一样，谷歌给的让图片出现在里面的一般建议是一样的，所以下面这一套做法四处都管。Search Console里那几项筛选的中文叫法，以后台实际显示为准。

图片被谷歌收录的条件：用img标签、懒加载要自动触发、别挡抓取

收录是第一道门。内容进搜索结果的那些技术要求，图片一样适用，只是图片跟HTML长得不一样，所以收录图片还多出几个条件。图片的呈现方式，也会影响它能不能被编入索引、能不能对上正确的关键词。

谷歌只认img和picture里的src，CSS背景图不收录

谷歌的原文是这样：它可以在<img>元素的src属性里找到图片，哪怕这个img是<picture>这类元素的子元素。它不会把CSS图片编入索引。谷歌不收的是用CSS放进去的那张图，不是所有图。

好写法是<img src="https://www.liezhe.com/puppy.jpg/" alt="金毛寻回犬">。效果欠佳的写法是<div style="background-image:url(puppy.jpg)">金毛寻回犬</div>。同一张图，两种放法，一个进索引，一个不进。

用<picture>或者srcset做自适应图片的时候，有的浏览器和抓取工具不认这些属性，所以建议一律用src属性指定一个后备网址。这个后备网址不能省。

懒加载不是不能用，前提是图进了视口自己就加载出来，不能等用户滚动，也不能等点击。谷歌的原话是「因为Google搜索不会和你的页面互动」。打开页面马上就能看到的那张图，别给它加懒加载。查起来也简单，用Search Console的网址检查工具看渲染后的HTML，img的src里是图片网址，就说明设置没问题。

首屏那张要不要懒加载、有内容的图是不是被塞进了CSS背景、og:image指到了哪张，这些在建站那一刻就定死了。等文章一篇篇发出去再回头补，等于全站返工。秒出海的AI Agent里有个建站员工，从空服务器到上线分十个阶段，每段一道关，这类模板级的问题在建站那一步就被按住了。

robots.txt、CDN和图片网址：同一张图全站用同一个网址

同一张图被好几个页面引用的时候，一直用同一个网址。谷歌能把它缓存下来反复用，不用每次都重新来请求，抓取预算就是这么省出来的。

图片放在CDN上托管是允许的，图片站点地图里的image:loc也可以写别的域名。建议顺手在Search Console里把CDN那个域名验证掉，抓取出了问题会通知你；不验证，图进不去你也不知道。robots.txt别去挡你要收录的图片，写法看robots.txt是什么。

这里有个一句话的例子。2019年一位SEO顾问公开过一个没具名的新闻站：图片在CDN上的网址要多跳一次301到另一个子域名，那个子域名的robots.txt又挡了抓取，Googlebot根本走不到图片文件。修好之后，这位顾问说仅图片搜索就多带来了约33.4万次点击，原文没给时间窗口。

秒出海的AI Agent里还记着一条坑，叫「站建好了永远不被收录也不报错」。图片被robots.txt挡了、被CDN那一跳挡了，Google图片进不去，后台一个红字都不报，人不主动去查，就永远不知道。

图片在文章里却搜不到，按这个顺序查

按顺序走，别一上来就怀疑谷歌。

1. 页面本身收录了吗。用Google Search Console使用教程里的网址检查看一眼，页面都没收录，图更不会进去。
2. 看渲染后的HTML。img的src里是不是真的图片网址，还是占位图、data-src，或者干脆是CSS背景图。
3. robots.txt有没有挡图片目录，有没有挡CDN那个域名，CDN上的图片网址会不会多跳一次。
4. 图片网址是不是每次都在变。带一堆随机参数、每次上传都是新网址，谷歌就没法缓存复用，每个网址都得重新抓。
5. 图在页面上是不是太小太糊。后面Foot Locker那个案例讲的就是这一条。
6. 等。收录要时间，排到第几位还要看所在那一页的表现。

谷歌怎么判断该给你的图排名：看图所在的页面、图旁边的文字，文件名只是很轻的线索

谷歌的原话是「图片所嵌入网页的内容和元数据，对图片在Google搜索结果中出现的方式和位置影响很大」。它还会从网页内容里把图片的主题信息提出来，包括说明文字和图片标题。所以图不是自己单独参赛，它跟着页面一起被判断。

图要放在讲它的那一段旁边，页面标题和描述也算数

最直接的一件事，就是把图放在相关文字附近，放在跟图片主题相关的那一页上。图下面写一句说明，谷歌读得到。页面的title和meta description也是谷歌自动生成标题链接和摘要的来源之一，把页面在讲什么写清楚，图跟着受益。

首选图这件事要单独说。网页结果里那张缩略图、Google探索的预览图，选哪张是谷歌全自动决定的，来源有三种：schema.org的primaryImageOfPage、主实体的image、或者og:image。选图有规矩：要跟页面相关、有代表性；别用网站logo，别用满是字的图；别用过窄或者过宽的极端比例；尽量用高分辨率。按这个规矩把og:image指对，等于把候选图交到谷歌手上。

结构化数据能让图片在Google图片里带个徽章，这些类型里image是必填项。图片的许可信息用结构化数据或者IPTC元数据给一种，就有机会拿到「可授权」徽章，点进去能到许可页面。写法归结构化数据是什么那一篇。

还有一条容易被漏掉：图所在那个页面，别是站里没人链、它自己也不链出去的一页。孤立页上的图，跟着孤立页一起沉。这块看网站结构优化怎么做。

图片文件名怎么起

文件名给谷歌的是很轻的线索。短，又能说明内容，就够了，my-new-black-kitten.jpg比IMG00023.JPG要好。image1.jpg、pic.gif、1.jpg这种通用名尽量别用。图上千张的站可以考虑自动命名。图片做了本地化的站，文件名也跟着翻译；中文站用拼音，英文站用英文，都是这个思路。

这条线索到底有多轻，有一组对照，来自后面官方案例里那个美食站Kirbie’s Cravings的图片站点地图。2009年的老文章，图叫0221091725.jpg、CIMG3081.jpg，相机给什么名字就是什么名字，站照样做起来了。到了2026年10月14日那篇新文章，图叫4-ingredient-apple-fritters-13.jpg、-9.jpg、-8.jpg，文章名加序号。老图的名字乱，没挡住这个站做起来；新图也改成了能说明内容的名字。这是习惯，不是一个开关。

文件名要在上传之前就想好。图传上去之后再改，图片的网址跟着变，站里引用这张图的地方就全断了。正文里的老地址、站点地图里的老地址，都得跟着改一遍。秒出海的AI Agent里有一条坑就是「改网址结构漏了正文内链」，换图床、换图片网址之后，正文里那些老图片地址最容易漏。

缩略图清楚才有人点，大图也别拖慢页面

放在结果里的缩略图清不清楚，直接决定有没有人点进去，谷歌也说清晰的图更有可能带来流量。但图片常常是一个页面里体积最大的那块，图放太多太大，页面打开就慢。速度这块归网站速度优化。压到什么程度、用哪种格式，这篇不展开。

图片站点地图怎么写：只剩image:image和image:loc两个标签，title和caption 2022年起没用

图片站点地图的作用，就是把「你站上有哪些图片」告诉谷歌，尤其是谷歌可能自己找不到的那些，比如靠JavaScript加载出来的图。

官方样例长这样：

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
    xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://example.com/sample1.html</loc>
    <image:image>
      <image:loc>https://example.com/image.jpg</image:loc>
    </image:image>
    <image:image>
      <image:loc>https://example.com/photo.jpg</image:loc>
    </image:image>
  </url>
</urlset>

必填的只有两个标签。image:image包住一张图的全部信息，每个<url>下面最多1,000个；image:loc是图片网址。图片网址可以不放在主站域名下，比如放在CDN上，两个域名都在Search Console验证过就行。

单独做一份图片站点地图，或者把图片标签加进现有的站点地图，对谷歌来说都一样。普通站点地图怎么生成、怎么提交，看网站地图sitemap那一篇。

有四个标签要放弃：caption、geo_location、title、license。谷歌2022年5月6日发的公告，从2022年8月6日起，这四个对收录和搜索功能不再有任何作用。已经写在里面的不用急着删，留着没坏处，以后可能给你提示个警告。授权信息改用IPTC元数据提供。

什么时候才真需要做一份图片站点地图。图是正常img写在能被抓到的文章里的，多数情况谷歌自己找得到。靠JavaScript加载的、放在别的域名CDN上的、图很多的图片站和电商站，才值得单独做一份。WordPress上常用的那类SEO插件生成的站点地图会自动带image:image。Kirbie’s Cravings的站点地图就是这种：第一份文章站点地图1,000个网址、2,865个image:image，最新一份206个网址、1,233个image:image。

Kirbie’s Cravings加一行max-image-preview，Google探索点击率涨了79%

谷歌2021年官方案例：美食网站Kirbie’s Cravings和巴西杂志Istoé

谷歌2020年推出robots meta的max-image-preview设置，把max-image-preview:large加进网页头部，就是告诉谷歌可以用大尺寸展示这个站的图。2021年8月11日发布的官方案例研究里，写了两个站。

Kirbie’s Cravings是一个分享食谱和外出就餐体验的美食网站，站长把它从个人爱好做成了全职工作，专职做美食内容和摄影，最大的难题是找新的办法分发内容、给网站带流量。「添加一小段HTML代码后」，Google探索的点击率提升79%，站长说来自Google探索的点击率大幅提升，带来更多流量、读者和浏览量。

Istoé是巴西的周刊杂志，题材从经济、体育、女性健康到世界大事。采用大图预览设置之后，点击率提升30%，6个月内点击次数增加332%。

两组数要读对。79%是Google探索的点击率，不是流量涨了79%；Istoé那个332%才是点击次数。案例页没给基数，也没给对比窗口，百分比就只是百分比，别往外推绝对数。

还得看清底子。一个是专职美食摄影的照片站，一个是杂志，图本来就又多又好。改一行代码能起作用的前提，是本来就有大而好的图；图小图糊的站加上这一行，没有东西可以被放大。另外，WordPress从5.7（2021年2月19日的开发说明）起，默认就给希望被收录的站加上了这一行，后台设成「建议搜索引擎不索引本站点」的不加。现在用WordPress的站多半已经有了，这一行本身不再是差别。秒出海的判断是，差别在图本身，和og:image选的是哪张。

Google探索要的图：宽1200像素以上、16:9、用og:image指定首选图

Google探索是谷歌搜索的一部分，按用户的网络与应用活动推荐跟兴趣相关的内容。内容被编入索引、符合内容政策，就自动有资格出现，不需要特殊标签或者结构化数据；有资格不等于会出现。

大图有明确规格：宽度至少1200像素；总像素超过30万，16:9的1280×720是921,600，够；16×9宽高比；通过max-image-preview:large设置或者用AMP启用。谷歌会尝试自动裁图，你自己裁的话要裁成横向，重要细节得留在og:image指定的那一版里。指定一张跟页面相关、有代表性的大图，会影响Google探索选哪张当缩略图，别用logo，别用满是文字的图。

max-image-preview有三个取值：none不显示图片预览，standard显示默认尺寸，large能显示更大的预览，最大到视口宽度。不写这一行，谷歌可能就按默认尺寸显示。它管的是所有形式的搜索结果，网页搜索、Google图片、Google探索都算。写法是<meta name="robots" content="max-image-preview:large">。

2026年10月16日看那个美食站的文章页源代码，robots那串现在是index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1，og:image指的是文章大图，宽1300、高1691，是竖图不是16:9，谷歌会自动裁。同一天在Google图片搜4 ingredient apple fritters，第一张就是那篇，带Recipe标和a day ago。这只是那一天搜的一次结果，不代表排名稳定。

Foot Locker澳洲站把分类页商品图从67×67改到200×200，网页结果里重新出现缩略图

这一段讲的是网页结果里那张缩略图，不是Google图片标签页。一位独立SEO顾问公开了Foot Locker澳洲站的情况，这位顾问不是Foot Locker的员工。Foot Locker团队照着这位顾问之前写的缩略图指南改了，再联系对方，对接人同意公开。发布是2023年7月26日，2024年9月18日更新。

问题出在重要分类页在谷歌网页结果里没有商品图缩略图。原因是服务器端渲染的HTML里，JavaScript执行之前，商品图只有67×67。

改法是把最小图片尺寸提到200×200，顾问说这是不影响页面体积的前提下他们能做到的最大提升。顾问判断只有「图片质量」这一条起了作用。上线日期是2023年7月20日。

拿jordan 1这个词举例，澳洲月搜索约4万，Foot Locker排第2，在Nike下面。改之前那条结果没有任何图片预览，改之后显示一排商品图。这位顾问用Semrush估算「带图片缩略图的自然流量」，从约6万到约19.5万每月，那是上线后约一周，三倍多，顾问的标题写的是228%。这是顾问用Semrush估算的，不是Search Console的数据，顾问自己也说Foot Locker不公开点击率和第一方数据。顾问还提了一句，透明背景的商品图有时会显示成黑底，建议用浅灰底。

Google探索流量为什么来了又走

Google探索的流量比关键词搜索更难预测、更不可靠，应当成关键词搜索流量的补充。它会变，原因有兴趣变化、内容类型调整（文档举的是体育、健康、娱乐、生活方式这类）、搜索更新，有时候网站流量的变化跟内容质量或者发布频率根本没关系。所以它涨了别当成方法对了，掉了也别急着换方向。

也别为了它去写标题党，标题、摘要、图片都别夸张、别误导。违反内容政策，Search Console的「安全和人工处置」里会出现Google探索的人工处置，那个是要花时间处理的。

图片流量怎么看：Search Console效果报告把搜索类型切到「图片」

Search Console效果报告里，「搜索类型」这个筛选把不同入口分开。切到「图片」，看到的是Google图片标签页里的展示和点击；切到「网页：多模态」，看到的是别人拿图片搜进来带来的流量，比如手机相机、Google智能镜头、安卓上的圈选即搜、上传图片、Chrome图片搜索。Google探索有单独一份报告，近16个月的数据，展示量到门槛才显示，里面包含Chrome上的流量。

图片搜索里经常是展示多、点击少。展示和点击要分开看，别只看展示量就以为图片流量很大。真正要盯的是点击和点击率的变化，还有哪些页面在图片这一栏里有展示却没有点击。

每周把这两个报告看一遍，才知道哪几篇该补图、哪几篇的图该换。秒出海的AI Agent里有一个运营员工，自己拉数据，每周给一张单子：改哪几篇、改什么、先改哪篇。人拿到单子以后要做的还是判断和验收。

用AI做图片SEO：批量起文件名、查页面里的图有没有被谷歌看到，人对着图核

图片这块有几类活可以交给AI，判断和验收留在人手上。我自己的工作流程里大量用AI，skills都是按项目自己写的。

有一类活是查页面问题。把文章HTML给AI，下面这段可以直接复制：

「下面是一篇文章的HTML。请逐张检查图片，输出一张表：图片网址 / 用的是img还是CSS背景图 / src里是不是真实图片网址（还是占位图）/ 有没有loading=lazy、它是不是首屏第一张 / 文件名能不能看出图里是什么。最后单独告诉我：这页有没有og:image，它指向哪张图，那张图宽多少。只列事实，不要给我写alt。」

起文件名也能交给它。把一批图片和每张图对应的那段正文给AI，下面这段可以直接复制：

「下面是这篇文章的主题词、一段正文，以及一批图片和它们各自对应的那段正文。请给每张图起一个文件名，规则：小写英文，单词之间用短横线，不超过5个词，能看出这张图是什么，不要用image、pic、photo这种通用词做开头。输出一张表：图片编号 / 建议文件名 / 你根据正文里哪句话起的。」

生成图片站点地图片段也行。给AI页面网址和图片网址清单，下面这段可以直接复制：

「下面是页面网址和每页的图片网址清单。请按官方样例生成图片站点地图片段，只用 image:image 和 image:loc 两个标签，不要加 title、caption、geo_location、license 这四个已经弃用的标签。每个 url 下面最多放1000个 image:image。输出完整的XML，不要解释。」

还有图下那句说明文字。AI根据图和那一段正文起一句，人再改。AI不替你写alt，那一层归另一篇。

人要做的有四件：亲眼看每张图是不是讲到了那一段、清不清楚；决定哪张当头图，也就是og:image或者WordPress里的特色图；去Search Console的网址检查里确认图被抓到了；看图片和Google探索报告里的真实数字。还有一条要记住，AI看不到你Search Console里的数据，除非你把数据导出给它，不然它说的话就是猜。

AI帮你把流程跑快，不帮你把图排到第一。加了哪行代码流量翻倍这种话，也不用信。图本身好不好、页面讲不讲这件事，AI替不了。

中国人做出海站，图片照这几条做

出海站多一道手续，图和服务器离用户远。发布前每张图过一遍这六条：

1. 用img插图，有内容的图别拿CSS背景图放。
2. 首屏那张别懒加载，下面的用浏览器自带懒加载。
3. 文件名上传前就起好，用能说明内容的英文或者拼音，短横线连接。
4. 图放在讲它的那一段旁边，图下写一句说明。
5. 文章头图宽至少1200像素、横图，设成og:image或者特色图，别用logo，别用满屏字的图。
6. 同一张图全站用同一个网址，别每次上传都新传一份。

图片别放在国内图床和国内CDN上。海外用户打开慢，谷歌抓取也可能慢。VPS性能好就直接放VPS，性能不好用Cloudflare R2，有10GB免费额度；免费图床有速率限制，有时候反而更慢。我2024年起转做英文独立站，域名自己买、VPS自己买、主题自己装，图片放在哪，是买VPS那天就该想好的事。

从搜索结果里拿的图，先确认许可，先看有没有别人的水印。优先级是自己截的图，然后免费可商用图库，最后才是搜索结果里随手抓的。

配图不是写完再补。写稿写到哪一段，那一张就定下来，流程怎么排看SEO文章怎么写。当年暴疯团队博客日更那几年写了几千篇，配图是一张张传上去的；文章一多，越能看出图该在写稿时就定。老文章补图和换图是另一件事，尤其是那些图太小太旧的页面，看网站内容更新怎么做。

常见问题

图片alt是什么，要不要写

alt是图片的替代文本，谷歌说它是给图片补充信息时最重要的属性。要写。具体怎么写、装饰图要不要留空、控制在多长，另一篇有专门讲，这里不展开。

Google Discover是什么，要怎么开通

中文叫Google探索，是谷歌搜索的一部分，按用户的网络与应用活动推荐跟兴趣相关的内容。没有单独的开通入口，页面被收录、符合内容政策就自动有资格，不需要特殊标签或者结构化数据。要争取的是把大图规格做够、把og:image指对，别写标题党。

max-image-preview选large还是standard

用large。standard是默认尺寸，large能显示更大的预览，最大到视口宽度，网页搜索、Google图片、Google探索这些结果类型都适用。不写这一行，谷歌可能就按默认尺寸显示。WordPress 5.7起默认就给希望被收录的站加了large。

图片被别人盗用，或者不想让图出现在谷歌怎么办

只是不想让人看到完整大图，可以退出内嵌链接：来自谷歌域名的请求返回200或204空内容，谷歌照样抓页面，结果里显示的是抓取时生成的缩略图，官方说不算图片伪装，不会导致人工处置。完全不想让图出现在谷歌，就用robots.txt对Googlebot-Image写Disallow，能挡单张，能用通配符，Disallow: /是全站图片；也可以给noindex的X-Robots-Tag头。

seo如何优化图片和视频

图片按这篇的几条走：能被抓到的img、说明文字放对位置、文件名起清楚、大图配og:image、站点地图该做就做。视频进谷歌视频结果另有做法，看视频SEO。

Bing图片搜索也按这套做吗

大方向一样。Bing网站管理员指南也要求图片补强正文，不能是理解主题唯一的信息来源，要给描述性文件名、alt文本和说明文字，别把关键内容藏在客户端渲染后面，robots.txt别挡Bingbot。没找到Bing单独讲图片排名的文档。

先让谷歌抓得到，再让图和讲它的那段文字待在一起，最后把大图交到该交的位置。秒出海的判断是，这三步做完，剩下的就是等和看数据。