Picovert

如何优化图片SEO：2026年完整清单

Picovert 团队2026-04-276 分钟阅读

Google图片搜索为许多网站带来了大量自然流量——对于电商、食谱和教程类网站，这一比例通常占到总有机流量的 20~30%。除了图片搜索流量之外，图片还直接影响Core Web Vitals得分：大多数页面中的LCP（最大内容绘制） 元素都是图片。体积庞大、加载缓慢或标注不当的图片会悄无声息地拖累你的搜索排名。 本指南涵盖了2026年所有重要的优化因素。

1. 使用描述性文件名

文件名是Google爬取图片时读取的第一个信号之一。像 IMG_3847.jpg 这样的通用名称对爬虫毫无意义。而像 black-leather-sneakers-mens.jpg 这样的描述性名称则能一目了然地传递主题、产品类型和颜色。

  • 单词之间使用连字符(-) — Google将连字符视为单词分隔符，而不是下划线(_)
  • 与你希望图片排名的核心关键词匹配
  • 要具体: how-to-compress-images-for-web.webp 比 image1.webp 更有效
  • 上传前重命名文件 — 发布后更改文件名会改变URL，导致已积累的SEO信号丢失

2. 编写有意义的alt属性

alt属性服务于两类受众：供残障人士使用的屏幕阅读器，以及用于理解上下文的搜索引擎。 两者适用同样的规则：准确、简洁地描述图片中实际显示的内容。

  • 差的示例: alt=""（内容图片留空）或 alt="图片"（过于笼统）
  • 好的示例: alt="Picovert图片压缩工具将2MB的PNG压缩至400KB的截图"
  • 自然地融入目标关键词 — 不要重复（关键词堆砌会被Google检测到）
  • alt属性保持在125个字符以内 — 超出部分通常会被屏幕阅读器截断
  • 装饰性图片（分隔线、图标）使用 alt=""（空字符串），而不是省略此属性

3. 压缩图片以减小文件大小

Google的PageSpeed Insights和Lighthouse都会对图片过大的页面给出低分。体积过大的图片会延迟LCP， 降低PageSpeed得分，并减少Google爬取网站其他页面的意愿。

  • 普通博客或产品图片的目标: 200 KB以下
  • 缩略图和列表页图片的目标: 100 KB以下
  • 照片使用JPEG质量80~85 — 与100的差异肉眼不可见，但体积节省显著
  • 截图、图表或含有文字的图片使用PNG（无损细节在此情况下很重要）
  • 使用Picovert图片压缩、Squoosh、ImageOptim等工具可在浏览器内 批量压缩，无需上传服务器

4. 使用现代格式: WebP和AVIF

JPEG和PNG是为1990年代硬件优化的传统格式。现代替代格式能以更小的文件大小实现同等视觉质量：

  • WebP: 在相同感知质量下比JPEG小25~35%。自2020年起所有现代浏览器均支持。
  • AVIF: 比JPEG小最多50%。Chrome、Firefox和Safari（iOS 16+）支持， 2025年全球浏览器支持率已达约90%。

Next.js的 <Image> 组件、使用现代主题的WordPress以及Cloudinary等CDN 都会在浏览器支持时自动提供WebP或AVIF格式。对于手动工作流程，请在上传前将JPEG或PNG转换为WebP。

5. 以正确尺寸上传

不要为了填充800 px的列而上传4000 px宽的图片。浏览器会下载完整文件后在视觉上缩小渲染—— 没有任何视觉收益，却要付出全部带宽成本。上传前请将图片调整到与显示尺寸匹配的大小 （为高分辨率屏幕可略大一些）。

对于响应式布局，使用 srcset 属性提供多种尺寸，让浏览器为设备选择合适的大小。 使用Picovert图片调整大小工具可以快速生成多种尺寸变体。

<img
  src="product-800w.webp"
  srcset="product-400w.webp 400w, product-800w.webp 800w, product-1200w.webp 1200w"
  sizes="(max-width: 600px) 400px, 800px"
  alt="黑色皮革运动鞋，男款43码"
  width="800"
  height="600"
>

6. 为折叠线以下的图片启用懒加载

<img> 标签的 loading="lazy" 属性会告知浏览器将图片获取 推迟到其接近视口时再执行。这可以减少初始页面体积，加快TTI（可交互时间），并在与明确尺寸 结合使用时改善CLS（累积布局偏移）。

  • 不要做: 对首屏图片应用懒加载 — 这会延迟LCP，损害Core Web Vitals得分
  • 请做: 对折叠线以下的所有图片应用懒加载：博客正文图片、产品网格项目、 评论头像等
  • 大多数现代CMS（WordPress 5.5+、Shopify、Squarespace）会自动添加此属性

7. 为图片添加结构化数据

通过JSON-LD架构标记向Google提供有关图片的明确元数据，有助于在搜索结果中获得丰富摘要展示。

  • 产品页面: 在 Product 架构中包含 image 属性 — Google购物富媒体结果必需
  • 食谱和教程页面: 在相关架构中添加 ImageObject；Google 可能会在富媒体结果卡片中显示该图片
  • 文章: Article 架构的 image 字段会影响 缩略图在Google Discover和热门故事中的显示方式

至少为每个 ImageObject 条目设置 contentUrl、width、 height 和 caption。

8. 通过CDN提供图片

CDN（内容分发网络）从地理位置上靠近每位用户的边缘节点提供图片，从而降低延迟。图片加载时间 从300毫秒缩短到50毫秒，在LCP得分和跳出率上能产生可衡量的差异。

  • Cloudflare Images、Cloudinary和Imgix提供即时调整大小和格式转换功能
  • 许多托管服务商（Vercel、Netlify、Render）已包含CDN — 请验证其是否覆盖静态资源
  • 如果你的托管服务不含CDN，Cloudflare免费套餐可提供基本覆盖

快速SEO检查清单

发布前对每张图片逐一检查以下项目：

  1. 带有连字符和目标关键词的描述性文件名
  2. 有意义的alt属性（125字符以内，关键词自然融入）
  3. 文件大小200 KB以下（缩略图100 KB以下）
  4. WebP或AVIF格式
  5. 尺寸与显示大小匹配
  6. 折叠线以下的图片应用 loading="lazy"
  7. 设置明确的 width 和 height 属性
  8. 架构标记中包含图片引用（产品、食谱、文章）

大多数审核发现，仅修复文件名、压缩和格式这三项，就能在几周内看到明显改善。 先从这三项开始，然后依次应用其余优化。使用 图片压缩和 图片转换工具，无需上传即可在浏览器中完成处理。