图片SEO优化怎么做:文件、Alt文字、尺寸与页面语境
图片SEO优化包括合适的文件格式、清晰的Alt文字、稳定尺寸和相关页面语境,同时兼顾加载速度与可访问性。

图片 SEO 优化不是给文件名塞满关键词。搜索系统理解图片,靠的是组合信号:图片本身的内容特征、周围的文字语境、Alt 替代文本和页面的整体主题。读者关心的则是加载速度、清晰度,以及图片加载不出来时还能不能知道这里本来要表达什么。
文件格式和尺寸先服务加载速度
图片优化往往从头两步就能解决大部分问题:选对格式和控制尺寸。
| 格式 | 适合场景 | 不适合 |
|---|---|---|
| JPEG | 照片、复杂色彩渐变的图片 | 需要透明背景、含有清晰线条的图表 |
| PNG | 透明背景、截图、含文字的图表 | 照片(文件体积过大) |
| WebP | 照片和图形均适用,压缩率优于 JPEG 和 PNG | 需要兼容极老旧的浏览器 |
| SVG | 图标、Logo、简单图形 | 照片或复杂位图 |
尺寸控制建议:按实际展示宽度输出图片。如果文章内容区域宽度 800px,不需要上传 4000px 的原图——浏览器会缩放,但下载的文件体积是全量。同时,在 img 标签中明确声明 width 和 height 属性,让浏览器在图片加载前预留空间,减少页面内容跳动(Cumulative Layout Shift),这对 Core Web Vitals 有直接影响。
Alt 文字怎么写才有效
Alt 文字有两个主要读者:屏幕阅读器用户和搜索引擎。写 Alt 的关键是描述图片在当前页面语境中的信息作用,而不是机械地给图片贴标签。
| 图片类型 | 不好的 Alt | 好的 Alt |
|---|---|---|
| 流程图 | SEO流程图 | 新站SEO收录的四步检查流程:抓取、索引、排名、监测 |
| 数据截图 | 数据 | 2026年1-6月自然搜索流量变化,6月环比增长12% |
| 产品照片 | 产品 | XX型号服务器前面板接口布局 |
| 装饰性背景 | 蓝色背景 | 使用空 Alt(alt=""),避免屏幕阅读器重复无用信息 |
三件事不要做:在 Alt 中堆砌关键词(SEO优化、网站优化、SEO公司);把图片中的全部文字逐字搬进 Alt(数据图用正文表格替代,图表提取核心结论即可);对纯装饰图也强行写 Alt(应该用空 Alt 跳过)。参考:Google 图片 SEO 最佳实践明确建议 Alt 文字应有用、信息丰富并正确代表图片内容。
图片周围要有可读取的上下文
搜索引擎不仅读 Alt,还会读取图片周围的标题、图注和相邻段落来理解图片。这意味着:
1. 图片放在与它内容相关的正文段落附近,而不是集中堆放在页面底部或侧栏。
2. 图片如果包含关键数据或结论,正文中同步提供文字版结论或表格——既方便检索,也照顾无法查看图片的用户。
3. 图注(caption)是很好的补充空间,可以写一句解释图片说明了什么。但不要用图注重复 Alt——Alt 描述图的内容,图注解释图的含义。
图片 SEO 还有一个容易被忽略的点:不要用图片替代文字来展示重要内容。例如把服务流程做成一张大图、正文没有任何文字描述——搜索引擎能读取图片但不一定能完整理解图中的层次关系和逻辑结构,读者复制和检索也会遇到障碍。
结语
图片 SEO 优化的终点不是让每张图片的文件名都有关键词,而是图片加载快、Alt 写得准、周围文字解释清楚,图片真正在帮助读者理解页面内容,而不是成为理解的唯一载体。 自检清单 1. 照片使用 JPEG/WebP,图表和截图使用 PNG/WebP,图标使用 SVG 2. 图片按实际展示宽度输出,不依赖浏览器缩放 4000px 原图 3. img 标签声明了 width 和 height 属性 4. 信息型图片都有描述性的 Alt 文字,不含关键词堆砌 5. 纯装饰图片使用了空 Alt(alt="") 6. 图片中如有关键数据,正文同步提供了文字版本或表格 7. 重要图片放在相关段落附近,有图注或邻近文字提供语境 8. 图片文件名简短可读,不使用 IMG_001 等无意义命名
参考资料
常见问题
Q:图片文件名需要中文吗?
不必须。搜索引擎可以处理中文文件名,但英文或拼音同样有效。核心要求是简短、可读、能区分文件内容,避免 IMG_20240101_001.jpg 这类无意义命名。描述性的英文名如 new-site-seo-checklist.png 是安全且通用的选择。
Q:每张图片都要写 Alt 吗?
信息型图片(图表、截图、产品图、流程图)应写;纯装饰图(背景纹理、分割线、气氛图)应使用空 Alt(alt=""),让屏幕阅读器跳过。判断标准:删掉这张图,段落信息是否受损?受损则必写 Alt,不受损则可用空 Alt。
Q:WebP 兼容性现在是问题吗?
2026年主流浏览器已广泛支持 WebP。可以同时准备 JPEG/PNG 回退,但多数情况下 WebP 是安全的主格式选择。如果仍有老系统用户占比不低,可在 picture 元素中同时提供多种格式。