记录一下那天晚上的排查过程。图片全用 data-src 延迟加载,src 写的是 1x1 的占位 gif,图片搜索里抓到的封面全是灰点,GSC 图片报告显示大量无法处理的图片。

真正麻烦的地方在于,几个原因的现象几乎一样。src 指向占位图,蜘蛛不执行 JS 只能拿到这一张。还有一种是noscript 里没有补真实 img 标签,等于没有兜底。

少数情况下是图片 sitemap 里列的还是占位图地址。

上来先检查首屏图片的真实地址写在哪个属性

curl -s https://www.example.com/post/1 | grep -o '<img[^>]*>' | head -5

再往下确认 noscript 兜底是否输出真实图

curl -s https://www.example.com/post/1 | grep -c noscript

剩下的就是改成原生懒加载并保留真实 src

grep -rn 'data-src' themes/ --include=*.php | head

命令输出我都留了记录,免得改完记不清原来的值。

别只看报错消失,验证要多做一步。换成原生懒加载后,图片报告里可抓取的图片数量翻倍,图片搜索点击在十天内回到改版前。

提醒一点。原生 loading=lazy 已经能省流量,再用 JS 换 src 只会让蜘蛛拿不到图。这类问题最好一次改到位,反复小改反而容易把原因搅混。

作者 9823189