为SEO优化图片
6 min
图片优化同时影响SEO（通过Google图片搜索和Core Web Vitals）和用户体验。四项核心操作：选择正确格式（WebP或AVIF）、无损压缩、填写alt标签和实现懒加载。仅这些操作就可将LCP减少20至40%。
图片平均占网页重量的50至70%。优化不足会拖累Core Web Vitals并损害排名。优化得当则通过Google图片搜索开辟额外流量渠道。
选择正确的图片格式
WebP格式在视觉质量相同的情况下，压缩效果比JPEG高25至35%。AVIF更进一步，但其浏览器兼容性（尽管2026年已相当不错）值得根据受众情况核实。
矢量图片（标志、图标、插图）应使用SVG：轻量、可缩放且永不失真。
PNG仅在需要透明度或绝对无压缩质量的图片中仍有价值——在标准网页场景下属少数情况。
- 照片和复杂视觉内容：WebP或AVIF。
- 标志、图标、插图：SVG。
- 带文字的截图：WebP，中等压缩（质量80-85）。
- 避免使用GIF动图：用短MP4视频代替，轻5至10倍。
压缩与适配尺寸
一张3000像素宽的图片在800像素列中展示，会传输3至4倍于需要的数据。先调整尺寸，再压缩。
次要图片目标大小低于100KB，主图或英雄图不超过200KB。超过这个数值，对LCP的影响就变得可测量。
图片压缩和尺寸调整可将未优化页面的初始加载时间减少20至40%，直接影响Core Web Vitals评分。
2025-2026年网页性能与SEO行业研究
alt标签、文件名与结构化数据
alt标签是Google能与图片关联的唯一文本。它必须准确描述视觉内容，在相关时自然融入关键词，切勿强行插入。
文件名是次要的但有用：使用连字符分隔的关键词（image-seo-optimisation.webp）而非IMG_4821.jpg。
对于产品图片或关键视觉内容，通过Schema.org添加ImageObject或Product结构化数据，提升在Google图片和富结果中的可见度。
懒加载与性能
懒加载仅在图片进入视口时才加载。这减少了页面初始重量，改善了FCP（首次内容绘制）评分。
注意：永远不要对英雄图或LCP图使用懒加载——Google和浏览器必须立即加载它。对该优先图片使用loading="eager"或省略该属性。
- 对视口初始范围外的所有图片添加loading="lazy"。
- 明确定义width和height属性，避免布局偏移（CLS）。
- 使用srcset根据用户屏幕提供适配分辨率。
FAQ
懒加载是否被浏览器原生支持？
是的，Chrome和现代浏览器自2019年起支持，Firefox自2021年起支持。对大多数网站而言，loading="lazy"属性无需外部JavaScript库即已足够。
Google是否索引WebP格式的图片？
是的，Google可以无障碍地支持和索引WebP和AVIF图片。Google的PageSpeed Insights指南甚至推荐这些格式以减轻页面重量。
缺少alt标签会影响SEO吗？
不会直接受到惩罚，但剥夺了Google一个上下文信号，并将图片排除在Google图片搜索之外。对于电商网站或图片内容丰富的博客，缺少alt标签意味着可观的流量损失。