
图片 SEO:alt、格式、压缩一次搞定
图片 SEO 三件套:alt 文字用一句话描述图片内容(自然带到关键词,不堆砌);格式优先 WebP 或 AVIF;压缩到内容图 ≤ 150KB 并对非首屏图片 lazy-load。 做好这三件事,同时赚到 Google 图片流量、无障碍分数与 Core Web Vitals。
图片 SEO 为什么值得做?
- Google 图片是被低估的流量入口:对食谱、教程、产品类内容,图片搜索常占自然流量的 10–20%。
- 图片通常是 LCP 元素:文章主图几乎必然是「最大内容元素」,图片没优化,CWV 的 LCP 就不会好(门槛 2.5 秒)。
- AI 引擎也读 alt:多模态模型与 AI 搜索在理解页面时,alt 是图片语义的第一手来源。
第一件事:alt 文字
alt(替代文字)的本职是无障碍——屏幕阅读器念给视障用户听;SEO 价值是它同时告诉搜索引擎图片内容。
撰写公式:「一句话说出图片里有什么+(自然的话)带到页面主题」。
| 情境 | 差的 alt | 好的 alt |
|---|---|---|
| GSC 截图 | 图片1 |
GSC 网页收录报表,显示 Crawled - currently not indexed 有 143 页 |
| 产品图 | 连衣裙 裙子 女装 韩版 显瘦(堆砌) |
米白色亚麻连衣裙侧面照,长度及膝 |
| 流程图 | (空白) | 内容负债处理决策流程:合并、移除、补料三选一 |
规则整理:
- 内容图必写;纯装饰图(分隔线、背景花纹)写空
alt=""(让屏幕阅读器跳过,不是省略属性)。 - 长度一句话(简中约 15–40 字)以内,不是塞一篇。
- 不用「这是一张……的图片」开头——alt 本身就代表图片。
- 关键词自然出现一次可以,列关键词清单就是堆砌信号。
第二件事:格式
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–2 倍(Retina)就够,别把 4000px 原图丢上去。
- 内容图目标 ≤ 150KB,主图 ≤ 250KB;工具:Squoosh(免费、浏览器内运行)、TinyPNG,或构建时由框架自动处理。
加载策略三条规则:
- 首屏主图不要 lazy-load,反而加
fetchpriority="high"——lazy-load 主图是拖慢 LCP 最常见的自伤行为。 - 非首屏图片一律
loading="lazy"。 - 所有
<img>写死width与height:浏览器先预留空间,避免版面位移(CLS)。
容易漏掉的三个加分项
- 文件名语义化:
gsc-crawled-not-indexed-report.png优于IMG_0042.png——文件名是排名信号之一(轻量)。 - 图片 sitemap 或在既有 sitemap 加图片字段:大量倚赖图片流量的站(电商、食谱)才需要;一般博客可略。
- 原创图优于图库图:自制流程图、实测截图同时是 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 就绪度检测器 快速评分。