图片 SEO:alt、格式、压缩一次搞定

图片 SEO 三件套:alt 文字用一句话描述图片内容(自然带到关键词,不堆砌);格式优先 WebP 或 AVIF;压缩到内容图 ≤ 150KB 并对非首屏图片 lazy-load。 做好这三件事,同时赚到 Google 图片流量、无障碍分数与 Core Web Vitals。

图片 SEO 为什么值得做?

  1. Google 图片是被低估的流量入口:对食谱、教程、产品类内容,图片搜索常占自然流量的 10–20%。
  2. 图片通常是 LCP 元素:文章主图几乎必然是「最大内容元素」,图片没优化,CWV 的 LCP 就不会好(门槛 2.5 秒)。
  3. AI 引擎也读 alt:多模态模型与 AI 搜索在理解页面时,alt 是图片语义的第一手来源。

第一件事:alt 文字

alt(替代文字)的本职是无障碍——屏幕阅读器念给视障用户听;SEO 价值是它同时告诉搜索引擎图片内容。

撰写公式:「一句话说出图片里有什么+(自然的话)带到页面主题」

情境 差的 alt 好的 alt
GSC 截图 图片1 GSC 网页收录报表,显示 Crawled - currently not indexed 有 143 页
产品图 连衣裙 裙子 女装 韩版 显瘦(堆砌) 米白色亚麻连衣裙侧面照,长度及膝
流程图 (空白) 内容负债处理决策流程:合并、移除、补料三选一

规则整理:

  1. 内容图必写;纯装饰图(分隔线、背景花纹)写空 alt=""(让屏幕阅读器跳过,不是省略属性)。
  2. 长度一句话(简中约 15–40 字)以内,不是塞一篇。
  3. 不用「这是一张……的图片」开头——alt 本身就代表图片。
  4. 关键词自然出现一次可以,列关键词清单就是堆砌信号。

第二件事:格式

2026 年的选择表:

格式 用途 压缩率 备注
AVIF 照片、主图首选 最好(比 JPEG 小约 50%) 主流浏览器已全面支持
WebP 通用安全牌 佳(比 JPEG 小约 25–35%) 兼容性最稳
JPEG 旧系统兼容 普通 当 fallback
PNG 需要透明背景、UI 截图 差(文件大) 能用 WebP 就换掉
SVG Logo、图标、流程图 矢量,极小 文字可被读取,图表首选

<picture> 提供多格式 fallback,或直接交给框架(Astro 的 <Image />、Next 的 next/image 会自动输出 AVIF/WebP)。

第三件事:压缩与加载

尺寸与大小基准:

加载策略三条规则:

  1. 首屏主图不要 lazy-load,反而加 fetchpriority="high"——lazy-load 主图是拖慢 LCP 最常见的自伤行为。
  2. 非首屏图片一律 loading="lazy"
  3. 所有 <img> 写死 widthheight:浏览器先预留空间,避免版面位移(CLS)。

容易漏掉的三个加分项

  1. 文件名语义化gsc-crawled-not-indexed-report.png 优于 IMG_0042.png——文件名是排名信号之一(轻量)。
  2. 图片 sitemap 或在既有 sitemap 加图片字段:大量倚赖图片流量的站(电商、食谱)才需要;一般博客可略。
  3. 原创图优于图库图:自制流程图、实测截图同时是 E-E-A-T 的第一手证据;到处可见的图库照没有搜索价值。

常见问题(FAQ)

Q1:alt 没写会被处罚吗? 不会处罚,但你放弃了图片搜索流量与无障碍分数。把 alt 当「本来就该有的字段」而不是优化技巧。

Q2:一篇文章要放几张图? 没有魔法数字,原则是「每张图都承载信息」。一篇教程文 2–5 张有意义的截图/图表,胜过 10 张装饰性图库照——后者只是拖慢加载的重量。

Q3:图片放自己主机还是 CDN/图床? 建议自己域名+CDN 加速。放第三方图床的风险:服务倒了图全破,且图片搜索的流量归属也会变复杂。

Q4:AI 生成的图片会影响 SEO 吗? Google 没有因「AI 生成」处罚图片。判断标准还是信息价值:AI 生成的示意图若准确传达概念,没问题;但实测类内容用 AI 图冒充真实截图,伤的是 E-E-A-T 与读者信任。


GeoSeoToday把图片视为「证据载体」:每张截图都在替内容的第一手经验作证,这正是 E-E-A-T 与 GEO 共同要的东西。文章整体的可引用程度,可用 GEO 就绪度检测器 快速评分。