你的图片懒加载，是不是正在悄悄“劝退”百度蜘蛛？

你刚给网站加了懒加载，页面快了，用户体验好了——结果过两周发现：百度图片搜索里几乎搜不到自家产品图，收录量还掉了？别急着怀疑百度抽风，这事儿大概率出在懒加载的写法上。

百度蜘蛛真的“看”不到懒加载的图片吗？

不一定。它能不能看到，取决于你写的那几行 HTML 和 JS。

百度蜘蛛会下载并解析你的 HTML 源码，但它不会滚动屏幕，也不会执行复杂的 JavaScript。如果图片一开始的 src 是空的、是 data-src、或者被 JS 动态塞进去的，而那段 JS 又没被它成功运行……那它看到的，就是一张“不存在”的图。

源码里没真实链接，百度自然没法抓，更谈不上索引。

一个真实的教训：我接手过一个家居类网站，首页轮播图和商品列表全用懒加载，但所有图片的 src 都被统一设成 placeholder.jpg，真正的地址藏在 data-original 里，靠滚动监听+防抖+节流三重 JS 才触发替换。上线后文字内容照常收录，但百度图片搜索里，连主图都找不到几条。用户搜“北欧风沙发”，根本刷不出他们家的实拍图。

懒加载影响抓取的“罪魁祸首”是什么？

懒加载本身没问题，问题往往出在实现太“省事”。

  • JS 全包办：图片地址完全靠 JS 拼接、注入。蜘蛛不跑 JS，就等于没这张图。
  • src 直接清空：写成 <img src="" alt="..."> 或 <img src="1x1.gif" ...>。对人眼是占位，对蜘蛛是“此图不存在”。
  • 滚动逻辑太绕：用了 IntersectionObserver 的降级 polyfill，或者自己手写视口计算，蜘蛛环境一跑就报错，加载直接卡死。
  • 把“首屏”当固定区域：开发者按 768px 高度切首屏，但蜘蛛可能按更小的视口解析，导致它认为“所有图都在首屏以下”。

说白了：你想让浏览器“等一等再加载”，但得先让百度“一眼就看见”。

如何让懒加载与蜘蛛抓取和谐共处？

核心就一条：HTML 源码里，必须有真实、可访问的图片地址。至于浏览器要不要立刻显示高清图，那是另一回事。

方法一：用原生 loading="lazy" 这是目前最干净、最省心的方案。不用额外 JS，不改逻辑，只加一个属性：

<img src="product-detail.jpg" alt="实木餐桌侧面特写" loading="lazy" width="800" height="600">

百度能读到 src，就照常抓；现代浏览器自动处理延迟加载；老浏览器直接忽略这个属性，该咋加载咋加载。

方法二：src 放小图或模糊图，JS 替换高清图 比如首屏放 400px 宽的压缩图，非首屏放同尺寸低质图，等页面加载完，再用 JS 把 src 换成 1200px 高清地址。蜘蛛拿到的是可用图，用户看到的是清晰图。

方法三：data-src + <noscript> 兜底 如果你非要用 data-src（比如兼容旧框架），那就一定配上 <noscript>：

<img data-src="full-size.jpg" src="thumb.jpg" alt="厨房吊柜安装效果">
<noscript><img src="full-size.jpg" alt="厨房吊柜安装效果"></noscript>

蜘蛛会优先抓 src，同时也会读 <noscript> 里的内容作为补充。用户有 JS 就走懒加载，没 JS 也能看到图。

这些懒加载的“好习惯”你养成了吗？

细节不到位，前面全白搭。

alt 别凑合填 哪怕用 loading="lazy"，alt 也得写实。比如“奶油色岩板台面配哑光白柜门”，而不是“图片123”。百度靠这个理解图意，用户靠它感知内容——尤其对用读屏软件的人。

宽高属性别偷懒 width 和 height 写上，能防止图片加载时页面跳动。这不是过时的写法，而是告诉浏览器“这块地方我预留好了”，体验和 SEO 都加分。

去百度搜索资源平台“亲眼看看” 打开 百度搜索资源平台 → 左侧菜单点“网页抓取” → “抓取诊断” → 输入你的页面 URL → 点“模拟抓取”。等结果出来，直接点“查看源码”，搜 .jpg，看 src 是不是真链接；再点“截图预览”，看图有没有正常渲染出来。这才是第一手证据。

懒加载后，如何验证百度是否抓取了你的图片？

别等流量变化才反应过来，主动查。

首选路径：百度搜索资源平台的“图片搜索”数据 进后台 → “图片搜索” → “图片数据概览”。这里能看到百度从你站抓了多少张图、索引了多少张。优化后，这个数字应该缓慢但稳定地上升。

辅助验证：百度图片搜索指令 在百度图片搜索框里，直接输 site:yourdomain.com，回车。出来的结果，就是当前已被百度收录的你家图片。点开任意一张，看来源页是不是你预期的详情页。

再补一刀：看服务器日志 如果你能登录服务器或 CDN 后台，筛选访问者为 Baiduspider 的记录，搜 .jpg .png 请求。如果大量图片文件被命中，说明蜘蛛不仅看到了，还顺手下载了。

今天下班前就能完成的一个检查动作

现在，打开你网站任意一个带懒加载的页面（比如商品列表页或文章页）：

  1. 右键 → “查看网页源代码”（不是“检查元素”）
  2. 按 Ctrl+F（Mac 用 Cmd+F），搜 .jpg
  3. 找到任意一张非首屏图片的 <img> 标签，盯住它的 src 属性值

如果里面是类似 https://xxx.com/uploads/sofa-1.jpg 这样的真实地址——OK，蜘蛛能抓。
如果全是 placeholder.png、/images/blank.gif，或者压根是空的——那就别拖了，今天就把 loading="lazy" 加上，同时把 src 换成真实图地址。改完刷新，再右键看一眼源码，确认生效。这一步做完，你离百度图片流量就近了一步。