谷歌对图片的要求，说复杂也复杂，说简单也简单——核心就三条：让谷歌找得到、看得懂、加载快。

🔍 第一条：让谷歌找得到你的图

这是最基础、也最容易被忽略的一步。图拍得再好看，谷歌找不到，一切白搭。

谷歌官方文档写得很清楚：要用标准的HTML <img> 标签来嵌入图片，谷歌爬虫才能发现并处理这些图片。简单说，代码里得老老实实写 <img src="puppy.jpg"> 这种格式。

有个特别常见的错误：把图片做成CSS背景图，比如 <div style="background-image:url(puppy.jpg)">。这种写法，谷歌根本不会索引——它只认HTML里的图片，CSS里的不算。

自查一下：网站上的重要图片——产品图、文章配图、案例图——在HTML里是不是标准的 <img> 标签？如果用的是前端框架或者可视化编辑器，得确认最终渲染给谷歌爬虫的HTML里，图片是标准格式。

另一个让谷歌发现图片的办法是提交图片站点地图（Image Sitemap） 。如果网站图片特别多、更新频繁，或者图片藏在JavaScript逻辑里，提交一个图片站点地图能帮谷歌更快发现这些图。图片站点地图不是必须的，但在上述几种情况下确实有用。

📝 第二条：让谷歌看得懂你的图

找到了图，接下来得让谷歌明白“这图里到底是个啥”。

文件名是第一个信号。

“IMG_5847.jpg”这种名字，谷歌看了等于没看。改成“red-leather-women-bag.jpg”，谷歌一看就知道这是一只红色女包。文件名用英文小写，单词之间用短横线（-）隔开，别用下划线。

ALT标签是核心信号。

ALT文本有两个作用：一是图片加载失败时显示给用户看，二是告诉谷歌这张图的内容。谷歌明确说，ALT标签应该与图片内容相关，正确说明图片内容，从而给予用户良好的体验。

写ALT标签有几个要点：

• 描述清楚图片内容，不是简单地写“图片”两个字

• 长度控制在50-125个字符左右，够描述就行，别太长

• 自然融入关键词，别硬塞。关键词密度别太高，保持自然

• 别写“image of”或“photo of” ——屏幕阅读器已经会告诉用户这是一张图了

• 装饰性图片用空ALT（alt=""） ，告诉谷歌“这张图不用管”

有个真实案例：有人优化了图片的ALT文本之后，获得了24.1万次展示和2.9%的点击率。ALT标签做得好，效果是肉眼可见的。

页面上下文也很重要。

图片不是孤立的。谷歌会看图片所在页面的正文内容来判断这张图是什么、该在什么搜索词下展示。图片放在产品页、教程页、案例页里，比单独放在一个图库里更容易被理解。

结构化数据能帮大忙。

2026年3月，谷歌更新了图片SEO文档，新增了“通过元数据指定首选图片”的章节。现在可以用schema.org的primaryImageOfPage属性，或者用og:image元标签，来告诉谷歌“这张图是我最希望展示的”。

谷歌还特别提醒了几点：别用通用图片（比如网站Logo）做首选图，别用宽高比过于极端的图，别用文字太多的图。

⚡ 第三条：让图片加载得快

图找得到、看得懂，但如果加载太慢，用户体验差，谷歌照样不给好脸色。

格式选对，事半功倍。

谷歌推荐使用WebP格式，比JPEG小25-35%，画质几乎没差别。WebP目前有98%以上的浏览器支持，WordPress从5.8版本开始原生支持。如果追求极致，AVIF也是好选择，文件更小。

大小控制在合理范围。

图片文件不是越大越好。一般建议单张图片控制在200KB以下，缩略图控制在100KB以下。大图（比如4000px的图）别直接用在800px的显示尺寸上——浪费流量还拖慢加载。

谷歌PageSpeed Insights对图片优化有具体建议：JPEG图片可以把质量降到85，用4:2:0色度采样，大图用渐进式格式。

响应式图片是加分项。

用srcset属性为不同屏幕尺寸提供不同版本的图片，或者用<picture>元素做适配。这样手机用户加载小图、桌面用户加载大图，又快又好。

🖱️ 想上谷歌Discover？图片有硬指标

如果想让文章出现在谷歌Discover（就是那个在手机Google App里自动推送的内容流）里，图片有更具体的硬性要求：

• 宽度至少1200像素

• 高分辨率，总像素超过30万（比如1280×720的图就有92万像素，达标了）

• 16:9的宽高比

• 启用max-image-preview:large设置

满足这些条件，大图出现在Discover里的概率会更高。

📌 一个真实案例：修图太干净，反而翻车了

杭州滨江一个家居百货店铺在2026年4月做了一次内部复盘，检查了47张主图。运营把图片缩到手机搜索结果里常见的小尺寸一看，发现问题了：

原图里清清楚楚的三件事——套装数量、材质边界、适用型号——在缩略图里全丢了。图修得特别干净，背景也统一了，但用户第一眼只看到一个“白色小物件”，根本看不出是一件、两件还是一套。

更麻烦的是，标题写的是“3件套”，结构化数据里也是3件，但主图被AI清理背景时把最小号盒子的边缘压没了。运营后来把ALT写成“透明收纳盒三件套”，但缩略图看起来像两件。

图片、标题、结构化数据三处信息对不上，用户的信任感就松了。

这个案例说明什么？ 主图不是越干净越好。缩到小图尺寸后，商品的“身份信息”必须还在——件数、材质、型号这些，都得能看出来。修图之前先列清楚“必须保留的信息”，修的时候锁住这些区域。

✅ 几个可以马上做的事

• 检查网站上的重要图片：是不是用标准的<img>标签？文件名是不是有意义的英文描述？

• 补ALT标签：从流量最高的10个页面开始，给每张图写上描述性的ALT文本

• 换WebP格式：如果网站还在用JPEG和PNG，批量转成WebP，文件小一大截

• 查图片尺寸：大图别直接用在小尺寸显示上，该压缩的压缩、该裁剪的裁剪

• 加结构化数据：在文章页和产品页里加上og:image标签，告诉谷歌哪张图是最想展示的