图片搜索是很多站点忽略的流量入口。百度图片、Google Images 的抓取逻辑并不神秘:能不能抓到、抓到了知不知道是什么、能不能快速加载,三件事做好就有排名。
一、文件名别再用 IMG_0001
把 IMG_20261012_093311.jpg 改成 yicun-zhengjianzhao-baidi.jpg,搜索引擎能从 URL 直接读懂图片内容。中文站建议用拼音或英文,避免 URL 编码后变成一串百分号。
二、alt 是必填项,不是选填
- 写清楚「是什么」,不堆关键词:
alt="一寸白底证件照(295×413)" - 纯装饰性图片用
alt="",让屏幕阅读器跳过; - 同一页面多张图,alt 不要重复,分别描述差异。
三、尺寸与体积
图片实际显示宽度 800px,就不要上传 4000px 的原图。上传前先缩到显示尺寸的 1.5~2 倍,既保证高分屏清晰,又不浪费带宽。体积上单张控制在 200KB 内,首屏图尽量 100KB 内。
四、换成 WebP,加一层 fallback
WebP 同画质体积比 JPG 小约三成。写法上给老浏览器留退路:
<picture>
<source srcset="a.webp" type="image/webp">
<img src="a.jpg" alt="说明文字" width="800" height="600" loading="lazy">
</picture>
别忘了写 width 和 height,可以避免图片加载完成前页面跳动(CLS 指标)。
五、懒加载只用在下半屏
loading="lazy" 会让浏览器延迟加载视口外图片,但首屏大图加了反而更慢,还可能影响 LCP 评分。首屏图用 loading="eager" 或直接不加。
六、加结构化数据
商品图、教程图可以配 ImageObject 结构化数据,标注内容、作者、版权,有助于在图片搜索结果里获得更完整的展示。
七、别忘了 sitemap
图片多的话,在 sitemap 里加 image:image 扩展,把图片 URL 和标题一并提交,抓取效率明显提升。