图片常常是页面 SEO 里被浪费得最厉害的机会。它们能从谷歌图片带来流量,决定页面加载有多快(这是实打实的排名因素),还能让使用屏幕阅读器的人也读得到内容。把四件事做对——文件名、alt 文本、尺寸与格式、加载方式——图片就从累赘变成了资产。
下面是我用的清单,按我实际应用的顺序排列。
1. 给文件起有描述性的名字

IMG_4823.jpg 对搜索引擎什么都没说。golden-retriever-puppy-training.jpg 则明确告诉它图里是什么。文件名对图片搜索是货真价实的排名信号,所以上传前先改名。
原则:
- 用真实、能描述图片的词,用连字符隔开。
- 简短具体——通常三四个词就够了。
- 别堆砌关键词;
best-cheap-dog-training-puppy-tips-guide.jpg一看就像垃圾内容。
2. alt 文本首先是写给人的

alt 文本是屏幕阅读器念出来的那句话,也是图片加载失败时显示的文字。谷歌也会读它来理解这张图。把它写得像你在向一个看不见的人描述这张图。
- 好:
alt="金毛幼犬在训练中听口令坐下" - 弱:
alt="小狗" - 差:
alt="狗 训练 幼犬 技巧 附近最好的训犬师"
描述画面里真实存在的东西。如果图片纯属装饰,用空的 alt="" 让屏幕阅读器跳过它。别用「图片:」开头——搜索引擎和屏幕阅读器早知道它是图片。
3. 给每个文件调好尺寸、换上现代格式
这里正是 SEO 和页面速度的交汇点。过大的图片拖慢页面,而慢页面排名更差、还会流失读者。两招搞定。
按显示尺寸提供。 以 1000 像素宽显示的图,不该是 4000 像素的文件。先缩放。
用现代格式。 WebP 是 2026 的合理默认;比 JPEG 小 25%–35%,且浏览器全面支持。AVIF 还能更小。图片转换 可以以 AVIF 为目标,并在 AVIF 不合适时自动回退到 WebP,让你总能交付当下允许的最小格式。
然后压缩。图片压缩 会按你选的质量重编码、把 PNG 量化到 256 色,且绝不输出比原图更大的文件。整页的图片可以批量处理再打包成 ZIP 下载。
一张速查目标表:
| 用途 | 格式 | 宽度 |
|---|---|---|
| 头图 | WebP / AVIF | 1600–2000 px |
| 文章内图 | WebP | 1000–1400 px |
| 缩略图 | WebP | 300–500 px |
| Logo / 图标 | PNG 或 SVG | 按需 |
4. 控制图片的加载方式
- 首屏以下的图片做懒加载,加
loading="lazy",让它们只在读者快滚到时才下载。 - 设好 width 和 height 属性预留空间、防止布局跳动——对用户体验和 Core Web Vitals 都有好处。
- 提供响应式
srcset,让手机拿小文件、桌面拿大文件。
5. 用页面本身给图片撑腰
- 把每张图放在讨论同一主题的文字附近;上下文能帮搜索引擎理解它。
- 如果你的 CMS 支持,为重要图片添加 图片站点地图 条目。
- 在真正对读者有帮助的地方加图注——图注被阅读的概率比正文还高。
收工前先审查一遍
靠猜哪些图片太重是在浪费时间。把页面丢进 页面速度检测,它借助谷歌 PageSpeed Insights 加上一份图片体积报告,列出你最重的资源、标出任何过大或用了老格式的图片。这个审查需要联网,因为它要调用谷歌的实时 API——它是这里唯一不能离线运行的工具。先修最严重的,再重跑一遍。
一句话版本
有描述性的文件名、诚实的 alt 文本、用 WebP 或 AVIF 的合适尺寸文件,以及懒加载。这四件事持续做好,你的图片就能在网页和图片搜索里帮你排名,同时保持页面快速。审查、修最重的文件、重复。
