图片是网站的重要组成,但很多人只是随手上传,白白浪费了两大价值:图片搜索带来的额外流量,以及图片优化对网站速度(进而排名)的提升。图片SEO是个高性价比却常被忽略的优化点。本文讲清怎么做。
一、图片SEO的双重价值
- 获取图片搜索流量:优化好的图片能出现在图片搜索结果里,带来额外的访客;
- 提升速度和排名:图片通常占页面体积的大头,优化图片能大幅提速,而速度是明确的排名因素(参考谷歌CWV篇)。
所以图片SEO是”一箭双雕”——既引流又提速。
二、alt替代文本(最重要)
alt属性是图片SEO的核心,它告诉搜索引擎”这张图是什么”(也是无障碍访问的需要,读屏软件靠它):
<img src="hongkong-server.webp" alt="香港CN2 GIA服务器机房">写好alt的原则:
- 准确描述图片内容,自然包含相关关键词;
- 别堆砌关键词:”香港服务器香港VPS香港主机便宜”这种是作弊;
- 简洁具体:一句话说清图是什么;
- 装饰性图片可以留空alt。
三、文件命名
图片文件名也是信号。别用 IMG_20260101.jpg 这种,改成描述性的、含关键词的名字:hongkong-cn2-server.jpg。用连字符分隔单词,搜索引擎更好理解。
四、用WebP格式(提速关键)
WebP是现代图片格式,同等画质下比JPEG/PNG体积小很多(常小30%-50%)。全站图片转WebP,能显著减小页面体积、加快加载:
- 用工具批量转换(或ffmpeg,参考ffmpeg篇),或WordPress插件自动转;
- 现代浏览器都支持WebP;
- 这一步对速度的提升立竿见影(参考提速篇)。
五、压缩与尺寸适配
- 压缩:上传前压缩图片,去掉多余数据,画质几乎无损但体积大降;
- 按需尺寸:别用4000px的原图显示成300px——按实际显示尺寸输出,响应式图片(srcset)给不同设备不同尺寸,移动端不加载大图。
六、懒加载(Lazy Load)
懒加载让图片滚动到可见时才加载,而不是一次性全加载。好处:首屏加载更快、节省流量(用户没滚到的图不加载)。现代实现简单:
<img src="pic.webp" alt="描述" loading="lazy">加个 loading="lazy" 属性即可,浏览器原生支持。WordPress新版默认开启懒加载。
七、配合CDN和图片站点地图
- 图片走CDN:图片通过CDN分发,就近加载更快、卸载源站带宽(参考Cloudflare篇);大量图片可配合对象存储(参考rclone和图床篇);
- 图片站点地图:把重要图片加入sitemap(参考sitemap篇),帮助图片被收录进图片搜索。
八、图片SEO检查清单
每张重要图片过一遍:alt写好了吗(准确+关键词+不堆砌)?文件名描述性吗?用WebP了吗?压缩了吗?尺寸适配了吗?开懒加载了吗?走CDN了吗?全部做到,图片就既能引流又能提速。
结论
图片SEO一箭双雕(引流 + 提速):核心是alt写好(准确含词不堆砌)、文件名描述性、转WebP、压缩、尺寸适配、开懒加载、走CDN。这是高性价比、却常被忽略的优化。配合内容、内链、技术SEO(参考相关篇),让你的网站在图片搜索和速度上都得分。给你网站的图片做一次全面优化,速度和流量都会有惊喜。
