许多网站安装了 WP Rocket 或 LiteSpeed Cache 后,仅保留默认配置便认为图片优化已完成。
事实并非如此。大多数速度插件的默认配置,往往做对一件事,却做错两件事,且错误之处常被忽视。
本文聚焦图片 SEO 的核心:压缩、格式和懒加载。旨在帮助外贸站主找出“以为做了、实际上没做好”的关键环节。
此外,许多站主未意识到:产品图可能正在 Google Images 独立带来流量,却未被有效利用。
先说一件更紧急的事:你的图片,从来没处理过
在探讨格式与懒加载之前,需解决一个根本问题。
工厂交付的产品图通常为 JPEG 格式,单张 3-5MB,分辨率高达 4000×3000。若直接上传至网站,而页面显示宽度仅为 800px,浏览器需下载大图后再缩小显示。
这相当于订了一辆卡车,只为搬一张椅子。
此情况在外贸网站极为普遍。这是图片优化中收益最大的一步,优先于格式转换或 WebP 迁移。
先做什么
上传前,将图片缩小至实际显示尺寸的 2 倍(适配高清屏)。若页面最宽 800px,输出 1600px 宽即可。配合压缩,4MB 文件可降至 100KB 以内,页面速度提升肉眼可见。
免费工具:Squoosh(Google 出品)。拖入图片,选择格式,调整质量,实时预览效果,无需注册即可下载。
格式选择:WebP 现在是正确答案,AVIF 以后再说
现代浏览器(Chrome、Edge、Safari、Firefox)已全面支持 WebP。
同等画质下,WebP 体积比 JPEG 小 25-35%。这并非靠降低质量,而是编码方式更高效。
实际操作
WordPress 用户可安装ShortPixel或Imagify插件,上传时自动转为 WebP 输出,支持旧图批量转换,无需手动处理。
关于 AVIF:虽体积更小,但工具链尚不成熟,WordPress 支持仍在跟进。当前做好 WebP 已领先大多数竞争对手。
格式和压缩的正确顺序
1.先消灭明显超大的原图(4MB → 100KB,收益占 90%)
2.再开 WebP 输出(100KB → 65KB,再省 35%)
两件事均需做,但顺序不可颠倒。许多人在网站上仍有 20 张 4MB 原图运行时,便纠结于 WebP 与 JPEG 的选择。
懒加载:不是全开,是外科手术
懒加载逻辑正确:让屏幕外的图片待用户滚动后再加载,节省首次加载时间。
但存在一个致命反效果,常被教程忽视:
若对首屏图片开启懒加载,Google 会判定页面很慢——因为它确实变慢了。
原因在于 LCP(最大内容渲染时间):Google 衡量的是“页面上最大的那块内容,用户多久能看到”,而非整个页面加载完毕的时间。
对于大多数网站,首屏最大内容即 Banner 图或第一张产品主图。若对此图开启懒加载,浏览器会等待用户滚动才加载,导致关键速度指标受损。
怎么操作
先检查现状:用手机打开首页或产品页,观察 Banner 图是否立即出现。若有瞬间空白后加载,说明首图被懒加载,需修复。
如果你用的是 WP Rocket:
进入设置 → 媒体 → 懒加载,找到「排除的图片」字段,填入 Banner 图文件名关键词。例如首图文件名为home-banner.jpg,填home-banner即可。保存后重新测试。
如果你用的是 LiteSpeed Cache:
进入设置 → 页面优化 → 媒体设置,找到懒加载排除字段,同样填入 Banner 图文件名关键词。
如果你没有装速度插件:
WordPress 5.5 后内置懒加载;5.9 后会自动识别首屏第一张图并跳过懒加载。大多数情况下无需额外操作。
首屏以下的产品缩略图、详情图,保持懒加载开启即可。
Google Images:你没意识到的独立流量入口
打开 Google Search Console,左侧菜单进入「效果」,搜索类型切换为「图片」。
数据将显示哪些图片出现在 Google 图片搜索中及带来的点击量。许多外贸站主对此感到惊讶,数据证明该渠道点击真实有效。
工业采购场景中,此渠道价值特殊:买家看到未知零件,常直接搜图识物。供应商产品图若出现在结果中,可能直接获得询盘。
让产品图进入 Google Images 的完整条件
•文件名:描述性命名,避免IMG_4829.jpg(上篇已讲)
•Alt Text:准确反映图片内容和页面语境(上篇已讲)
•页面语境:图片所在页面需与主题高度相关。同一张蝶阀图,放在专门介绍蝶阀的产品页上,比放在首页更易被收录和排名
•图片可访问:确认 robots.txt 未屏蔽/uploads/目录,否则 Google 无法抓取
图片大小对排名无直接影响,但加载过慢会影响爬虫抓取效率,这又回到了压缩步骤。
今天能做的三件事
第一:检查并处理明显超大的图片。进后台媒体库,按文件大小排序,找出 1MB 以上的产品图,用 Squoosh 重新处理后替换上传。
第二:检查首屏图片的懒加载状态。用手机打开网站,查看首图源码,确认<img>标签里没有loading="lazy"。
第三:打开 GSC 看一次图片搜索数据。进「效果」→ 切换搜索类型为「图片」,查看展示量与点击量,评估渠道价值。
最后
速度插件不是万能药,全开默认选项是最常见的误操作。
图片优化的正确顺序:先消灭明显超大的原图,再开 WebP 输出,再精确配置懒加载,最后去 GSC 确认图片搜索流量是否被有效利用。
上篇(OP-16)讲了文件名和 Alt Text——那是让 Google 读懂你的图片。本篇讲的是让 Google 能快速抓到它。两篇结合,才是完整的图片 SEO。
参考来源:Ahrefs Blog — Image SEO

