你的WebP图片，百度真的“看”得见吗？

你刚把全站图片换成WebP，首页秒开，Lighthouse评分涨了一大截——可打开百度图片搜索，搜自家关键词，首页还是老几张JPG图。心里犯嘀咕：是我白忙活了？还是百度根本没“认出”这些新图？

别急着换回JPG。咱们直接翻百度官方文档、测真实案例、查蜘蛛日志，把这事掰开揉碎说清楚。

WebP格式，百度蜘蛛买账吗？

买账。而且早就买了。

百度在2019年就公开说明支持WebP抓取，现在所有主流爬虫版本都能正常下载、解析.webp文件。它不挑格式，只认URL能访问、文件能读取。

但“能打开”不等于“愿意推”。就像你递简历，HR扫一眼知道是PDF格式没问题，可要不要面试，还得看你写没写清自己干过啥、干得怎么样。

我帮一个本地装修公司的网站做诊断时发现：他们所有图片都转成了WebP，体积小了一半，但百度图片搜索里连一张都没露脸。问题不在格式，而在每张图旁边，只有<img src="1.webp">——连alt都没填。

为什么你的WebP图片可能不被收录？

格式不是拦路虎，信息缺失才是真卡点。百度靠文字理解图片，不是靠AI识图（至少目前不是）。它需要你主动告诉它：这张图在讲什么、用在哪、谁需要它。

第一个坑：alt属性空着或乱填。
比如一张“上海外滩夜景”的WebP图，alt=""或alt="图片"，等于没身份证；写成alt="外滩夜景上海旅游景点打卡地推荐"，又像塞关键词的机器人。真正有用的alt，是人话：“黄浦江对岸的东方明珠塔亮着蓝光，江面上有游船驶过”。

第二个坑：文件名全是IMG_8472.webp、photo-1.webp。
百度不会猜你拍的是黄山云海还是公司团建。把文件名改成huangshan-cloud-sea-sunrise.webp，相当于在图包上贴了张手写标签。

第三个坑：懒加载没配好。
用Intersection Observer写的懒加载基本没问题，但有些老插件靠onscroll+setTimeout触发，蜘蛛一刷而过，JS根本没执行，图就永远“藏”在DOM里。简单验证：禁用浏览器JS，刷新页面，图还能不能出来？

让百度爱上你的WebP：核心优化四步法

别只盯着“换格式”，重点是让每张WebP都带齐“介绍信”。

第一步，给每张图写一句人话alt。
打开你最近发的一篇图文，找三张核心配图。删掉原来空的或堆砌的alt，用手机备忘录写下：如果朋友微信发你这张图，你会怎么一句话描述它？把这句话直接贴进alt里。比如：“客户家厨房改造前后对比，白色橱柜+石英石台面，吊柜加了玻璃门”。

第二步，重命名文件，从上传那一刻开始。
下次拍完产品图，别直接拖进后台。先在电脑里把DSC_00123.jpg改成shouzhang-muqiang-kuanshi-1200x800.webp（手掌木墙宽饰），再上传。CMS后台的图片管理页，也顺手把标题、描述字段补全。

第三步，去百度搜索资源平台手动推一下。
今天下班前，打开百度搜索资源平台，登录后点「资源提交」→「普通收录」，粘贴你最新一篇含WebP图的文章链接，点提交。不用等它自动发现，主动喊一声：“这儿有新图，快来看”。

第四步，检查robots.txt有没有误伤。
在浏览器地址栏输入你网站的/robots.txt（比如https://yourdomain.com/robots.txt），找找有没有Disallow: /images/或Disallow: *.webp这类规则。如果有，删掉——别让蜘蛛连门都进不来。

必须保留JPG后备吗？兼容性的真相

不用硬留，但建议用<picture>兜底。

现在Chrome、Edge、Firefox、Safari最新版全支持WebP，连微信内置浏览器（iOS版）也早跟上了。唯一要防的是极个别Win7+IE11的老系统用户——他们占比已经低到可以忽略SEO影响。

但用户体验不能赌。用<picture>最稳妥：

<picture>
  <source srcset="product-detail.webp" type="image/webp">
  <img src="product-detail.jpg" alt="实木书桌细节图：榫卯结构与胡桃木纹路">
</picture>

百度明确说过，这种写法对SEO友好。关键是：两套图必须内容完全一致，别让WebP是高清实拍，JPG却是模糊截图——那会被当成作弊。

我们帮一个卖手工皮具的淘宝店改版时就这么干。他们主图全切WebP，<picture>兜底JPG。结果不仅手机端加载快了，连老款华为Mate9用户打开详情页也不再卡顿，客服咨询量反而涨了。

除了格式，百度图片搜索还看重什么？

格式只是入场券。想被推到首页，还得看三件事：

你的页面是不是“该出现这张图的地方”。
一张“婴儿辅食食谱”的WebP图，发在母婴垂直社区里，百度会当它是干货；要是贴在程序员技术博客的评论区，大概率直接忽略。主题相关性，比文件大小重要十倍。

这张图是不是“非你不可”。
百度能识别重复图。你从某图库下载的“办公室白领开会”WebP，和别人用的同一张，再清晰也没用。自己拍的产品实拍、手绘流程图、带品牌水印的教程截图，才容易被标记为“原创资源”。

用户点了会不会失望。
图片点开后，是跳转到404页？还是放大就糊成马赛克？又或者加载5秒才显示？这些行为信号，百度会默默记下。确保你的WebP做了响应式适配（不同屏幕用不同尺寸）、加了loading="lazy"、且CDN节点覆盖了主要用户地区。

今天下班前就能做的紧急检查清单

别收藏吃灰，现在就打开电脑，照着做：

  1. 右键查三张图：打开你网站任意页面，右键点击首屏三张WebP图 → “检查元素”，确认src结尾是.webp，且alt里写了具体描述（不是空的，也不是“图1”“产品图”）。空的立刻补，错的立刻改。

  2. 搜一搜自己：打开百度图片搜索，输入你网站域名（如 site:yourdomain.com）+ 一个核心关键词（如“定制衣柜”），看看有没有WebP图出现。没有？说明前面几步漏了。

  3. 进百度资源平台点一下：登录后，找到「资源提交」→「普通收录」，把你最近更新的1-2个含WebP图的页面URL粘进去，点提交。30秒搞定。

  4. 关JS再刷一次：按F12打开开发者工具 → 点「Network」→ 勾选「Disable cache」→ 刷新页面 → 在控制台输入javascript:void(0)然后回车（快速禁用JS），看关键图片还在不在。不在？换懒加载方案。

  5. 最后看一眼robots.txt：在浏览器新标签页输入https://你的域名/robots.txt，Ctrl+F搜webp和images，确认没被屏蔽。

做完这五步，今晚就能睡踏实点——不是因为流量马上来，而是因为你终于把该递的“介绍信”，一张不落地塞进了百度手里。