图片 SEO:让 Google 更容易找到图片的四项修正
这是有价值的经验,不是一套保证流量的公式
一位 SEO 从业者分享说,自己仅靠图片 SEO 获得了 9,200 多位访客。他提到的动作并不复杂:修改文件名,在 alt 文本中加入相关词,压缩图片,并添加 ImageObject schema。
这个分享足以让团队重新关注图片搜索,但它不能证明在其他网站上做完四项修改就会获得同样的 9,200 多位访客。
图片流量取决于用户究竟在搜什么、图片能否回答这个搜索、Google 能否抓取图片,以及落地页是否给了图片足够的上下文。商品详情图、教程示意图、原创数据图、旅行照片和常见图库图片,面对的搜索需求和竞争环境完全不同。
不过,这四项修改的方向没有错。问题在于,它们解决的不是同一件事。
| 修改项 | 能改善什么 | 无法保证什么 |
|---|---|---|
| 描述性文件名 | 提供一小段清晰的相关性信号,也让素材更易管理 | 在竞争查询中的排名 |
| 准确的 alt 文本 | 无障碍体验,以及有意义图片的文字说明 | 与图片无关关键词的曝光 |
| 合理压缩与尺寸 | 更快加载、更好的体验、更低的传输成本 | 过度压缩后仍保有清晰画质 |
| ImageObject 或页面级图片标记 | 更清楚地关联图片和页面实体 | 富媒体结果、直接排名提升或固定流量 |
真正的目标不是把关键词填满每个图片字段,而是发布 Google 能发现、能理解、又能连接到有用答案页面的图片。
图片 SEO 最常见的问题不是元数据,而是 Google 根本找不到图片
先别急着改文件名或添加 JSON-LD。第一步应该是确认 Google 是否真的能发现图片。
Google 的图片文档中有一个在网站重构时经常被忽略的要求:重要图片应使用真实的 HTML <img> 元素或 <picture> 元素。Google 可以从这些元素的 src 发现图片。CSS 背景图则没有同样的可发现性,Google 不会以同一种方式索引 CSS 图片。
很多营销网站都会踩这个坑:团队把漂亮的首屏图放进 CSS 类的 background-image,后来又在页面其他位置补了很好的 alt 文本,最后却发现图片从不出现在图片搜索中。CSS 背景图没有 alt 文本,而且该图片甚至可能不在可抓取内容模型里。
先用这张表做一次快速审计。
| 检查项 | 正常状态 | 风险信号 |
|---|---|---|
| 图片元素 | 有意义的图片位于 | 图片只作为 CSS 背景存在 |
| 来源 URL | 图片 URL 返回 | CDN 规则、robots 规则或登录验证拦截文件 |
| 页面访问 | 页面公开且允许索引 | 图片只在登录后或 Google 无法完成的交互后出现 |
| 延迟加载 | 图片有可抓取的来源 URL,而不只是 JavaScript 占位符 | 真实 URL 只在滚动或客户端事件后出现 |
| 页面上下文 | 邻近正文解释图片是什么、为什么重要 | 一组没有标题、没有主题上下文的素材图 |
如果图片托管在 CDN 上,请确认对应主机可访问并被监控。图片站点地图也能帮助 Google 发现常规页面抓取不容易找到的图片,包括部分由 JavaScript 呈现的图片。它只是发现辅助,不是排名开关。
一张可被发现的图片,需要可抓取 HTML、公开来源 URL、可索引页面,以及相关的页面上下文。
修正一:文件名要说明画面内容,而不是暴露 CMS 的工作习惯
IMG_1048.jpg、final-v7.png 和 hero-new.webp 对所有人都没有帮助。编辑人员看不出素材内容,系统也失去了一点本来可以提供的描述性信息。
给图片一个简短、可读、说明实际画面内容的名称。小写英文单词用连字符分隔,便于素材库管理,也容易保持一致。
| 差的文件名 | 更好的文件名 | 为什么更好 |
|---|---|---|
|
|
| 说明了可见产品和关键细节 |
|
|
| 说明指标、维度和时间范围 |
|
|
| 与图片解释的主题一致 |
不要把文件名写成搜索词堆砌。best-cheap-water-bottle-water-bottles-buy-online.jpg 既不能帮助人理解图片,也不能帮助系统理解图片,只会显得不专业。
还要考虑一个现实问题:在许多 CMS 中,更改既有图片文件名意味着 URL 也会变化。如果图片已经有搜索可见度或外部链接,应该在技术条件允许时重定向旧文件 URL、更新引用,而不是为了很小的文件名收益破坏已有页面。先把命名规则用于新素材,再在常规内容维护中处理高价值旧图片。
修正二:把 alt 文本当作描述,不要当作关键词输入框
alt 文本有两个职责:为使用屏幕阅读器的人提供有用说明;当图片无法显示时提供文字上下文。若图片本身是页面的重要信息,准确描述也能帮助搜索系统理解画面内容。
最常见的错误是重复页面的目标关键词。这既不利于无障碍体验,也不是好的编辑工作。
| 图片类型 | 差的 alt 文本 | 更好的 alt 文本 |
|---|---|---|
| 商品细节图 |
|
|
| 数据图表 |
|
|
| 教程截图 |
|
|
| 装饰分隔线 |
| 空 alt 文本: |
好的 alt 文本不必解释每一个像素,而应说明图片为附近文字增加了什么信息。如果周围段落已经完整表达同样的信息,alt 文本应保持简洁。对于图表、图解或操作说明,应描述结论或关键内容,不必逐字抄写每个标签。
“在 alt 文本中加关键词”只有在该关键词自然属于准确描述时才成立。关键词应该是把图片描述好的结果,而不是写作任务本身。
修正三:减少字节,但不要让图片变得更差
图片压缩很重要,因为大图片会拖慢页面,尤其是在移动网络环境下。但压缩不会把一张无关图片变成有价值的搜索结果。它能做的是减少加载阻力,让用户更可能看到、使用并停留在找到的内容中。
请使用满足展示需求的最小尺寸。为宽度 700 像素的内容区域上传一张 4,000 像素宽的照片,只是在浪费带宽。平台支持时,可使用 srcset 或 <picture> 提供响应式图片版本;当视觉质量足够时,使用 WebP 或 AVIF 等现代格式。
这里确实存在取舍。模糊的产品特写或无法阅读的数据图,即使文件更小,也会伤害页面体验。请在手机和桌面端以实际渲染尺寸检查。对于含有小字的图解,SVG 或经过认真导出的 PNG 可能比被过度压缩的摄影格式更合适。
发布前依次检查:
- 在预定容器宽度下渲染图片。
- 不只看 200% 放大效果,也在正常观看距离比较。
- 确认文字、数字和线条仍然可读。
- 使用性能工具测试页面,找出最大的图片请求。
- 先修复最大、最显眼的图片。
这个顺序能避免一个常见失误:一张超大的首屏图制造了大部分问题,团队却先去优化十几张很小的缩略图。
修正四:用 ImageObject 做关联,不要把它当成魔法
ImageObject schema 可以让图片和页面的关系更明确。在文章页面中,Google 的文档展示了两种做法:通过 primaryImageOfPage 指出主要图片,或把图片关联到页面主实体,例如 BlogPosting。
这是有用的结构化上下文,不是承诺 Google 图片会给该素材排名、展示特殊样式或发送固定流量。
对于博客文章,把 image 属性放进既有的 BlogPosting 标记,通常比为每张内嵌视觉图单独添加孤立的 ImageObject 块更干净。下面是一个最小示例:
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "How to audit images for Google Images",
"mainEntityOfPage": "https://example.com/blog/image-seo-audit",
"image": {
"@type": "ImageObject",
"contentUrl": "https://example.com/images/image-seo-audit-checklist.webp",
"url": "https://example.com/images/image-seo-audit-checklist.webp",
"caption": "A five-step image SEO audit checklist",
"width": 1600,
"height": 900
}
}
使用能够正常解析、描述真实素材、且与用户在页面上看到内容一致的 URL。不要编造 caption、creator、license 或 dimensions。若图片授权对业务很重要,Google 也支持通过结构化数据或嵌入式 IPTC 元数据提供图片许可元数据。这与普通图片 SEO 是不同用例。
加完标记后,使用结构化数据测试工具验证,并查看渲染后的页面源代码。只存在于测试环境、或会被插件覆盖的 schema,在正式页面上不会产生任何作用。
四点经验没有提到的部分
再强的图片字段也救不了一个弱的落地页。Google 还需要理解图片周围的页面。
对于每张希望被发现的图片,请逐项确认:
- 图片是否回答或澄清了页面的核心主题?
- 图片是否靠近相关正文、描述性标题或有用图注?
- 它是原创图片,还是出现在数百个页面上的通用图库素材?
- 从 Google 图片点击进来的人,能否不必在页面里四处寻找就得到有用答案?
- 图片在手机上是否正常工作,在 JavaScript 缓慢或不可用时是否仍可获取?
这就是为什么原创图解、加注释的产品照片、前后对比和数据图表往往更有机会表现良好。它们承载了搜索者真正需要的信息。一张装饰性渐变图不会因为加入 schema 就突然成为图片搜索机会。
用 30 天图片 SEO 测试建立证据
不要在周五下午重命名媒体库中的所有文件。应在具备合理图片搜索意图的页面上进行受控测试。
第 1 周:选择候选页面
挑选 10 到 20 个有实用原创视觉内容的页面,例如电商分类页或商品页、教程、视觉化说明页、地点页、对比页或案例页。记录现有图片 URL、页面 URL、可获取的图片曝光和点击、页面流量,以及现有图片元数据。
第 2 周:修复基础问题
替换新素材或可安全修改素材中的不透明名称。添加准确的 alt 文本。确认重要图片使用可抓取 HTML、有公开来源 URL,且尺寸没有不必要地过大。只有当它真实描述页面内容时,才添加或修复页面级图片 schema。
第 3 周:改善落地页
在图片附近添加直接说明、清晰标题,以及确实能帮助读者的图注。图表应解释趋势代表什么;产品照片应解释图片证明的材质、尺寸、使用场景或功能。
第 4 周:扩大前先衡量
在可用时使用 Search Console 的搜索类型报告,并结合页面分析和 Google 图片抽查。观察曝光、点击、图片查询主题、落地页互动和转化质量的变化。保留变更日志。如果图片点击增加但用户很快离开,落地页可能没有兑现视觉承诺。
目标是找到可重复的模式,而不是制造一张漂亮截图。哪怕只有一个有用结果,也足以判断是否值得为图片 SEO 建立更大的内容和素材工作流。
每项修改都有不同职责。在扩展到整个媒体库之前,先衡量它们的组合效果。
让 AI 做盘点,不要让 AI 编造
大型网站的图片 SEO 很容易变得繁琐,因为证据分散在媒体库、HTML、CMS 字段、性能报告、站点地图和 Search Console 中。AI 可以帮助汇总这项工作:列出缺少 alt 文本的图片、标记过于通用的文件名、对比渲染尺寸和来源尺寸、按视觉意图分组页面,并为人工审核起草审计队列。
但 AI 不应为自己看不到的图片编造描述,也不应在数百个 alt 属性中加入同一句目标词。那会让审计工作变成规模化关键词堆砌。
Auspia 的 SEO 工具 可以帮助团队从网站级审查开始,把发现转为聚焦的图片 SEO 待办清单。有价值的输出不是“所有图片都已优化”,而是一份按优先级排列的素材列表,明确指出真实问题:发现受阻、缺少上下文、传输尺寸过大、描述薄弱或页面关联失效。
图片 SEO 检查清单
| 在称图片已优化之前 | 检查内容 |
|---|---|
| 图片可被发现 | 图片位于可抓取 HTML 中,且文件 URL 公开可用 |
| 文件名有价值 | 文件名描述图片,没有堆砌词语 |
| alt 文本真实 | 它描述有意义的图片;装饰图片使用空 alt 文本 |
| 页面有上下文 | 相关正文、标题和图注解释图片作用 |
| 传输有效率 | 正确展示尺寸、响应式来源和可接受画质 |
| 标记准确 | 图片属性描述可见、可访问的真实素材 |
| 结果已衡量 | 对比修改前后的 Search Console 和页面指标 |
FAQ
更改图片文件名会改善 Google 图片排名吗?
描述性文件名是合理的辅助信号,也能改善媒体库管理。它很少是图片单独获得排名的原因。不要为了重命名低价值素材而破坏已建立的图片 URL。
每张图片的 alt 文本都应该包含关键词吗?
不应该。alt 文本应准确描述有意义的图片。只有当目标词自然属于描述时才使用它。装饰图片通常应使用 alt="",让屏幕阅读器可以跳过。
ImageObject schema 会让图片获得排名吗?
不会。ImageObject 和相关页面标记有助于明确图片与页面的关系,但不保证 Google 图片曝光、富媒体处理或流量。
我需要图片站点地图吗?
不一定。Google 可以通过普通 HTML 抓取发现许多图片。图片站点地图在图片不易被发现时很有帮助,包括某些 JavaScript 实现,或你需要更完整发现地图的时候。
应该优先优化哪些图片?
先从已有需求、且有清晰视觉搜索用途的页面图片开始。原创商品图片、图解、图表、教程和前后对比,通常比通用装饰图片更适合优先处理。
总结
这位从业者的四点经验,经过一个修正后很值得采用:图片 SEO 不是填完四个字段。文件名、alt 文本、压缩和 ImageObject 标记,只有在支持可抓取、有用、上下文丰富的图片,并且图片位于用户愿意访问的页面上时才有价值。
从一小组强视觉素材开始,修复明显的技术和编辑缺口,再衡量落地页结果。这样能带来更好的图片库、更好的页面体验,也能为是否继续投入 Google 图片提供可解释的依据。
作者:Julian Mercer,Auspia 的 14 年技术 SEO 实践者。Julian 撰写关于可抓取性、schema、渲染、网站架构,以及 AI 可读内容技术基础的文章。