摄影站把首屏大图放在 style 的 background-image 里,为了方便做渐变遮罩。图片搜索里这张图一条记录都没有,alt 文本也不存在。试过在页面里加隐藏 img,被判定为作弊后撤掉了。

一开始怀疑是「背景图没有 alt、title 和可读的文件名,缺少图片搜索需要的元数据」,查了一圈,方向不对。

真正麻烦的地方在于,几个原因的现象几乎一样。background-image 里的地址不会被当成内容图片抓取。也可能是CSS 文件如果被 robots 屏蔽,蜘蛛连地址都看不到。

不容易想到的是,隐藏 img 属于典型的图片堆砌,容易被判作弊。

动手时先确认图片是否只出现在 CSS 里

curl -s https://www.example.com/ | grep -o 'background-image:[^;]*' | head

随后把首屏图改成真实 img 标签

printf '<img src="/img/hero-2026.webp" alt="秋季山景" width="1600" height="900">\n' >> /var/www/html/hero.html

然后确认 CSS 未被 robots 挡

curl -s https://www.example.com/robots.txt | grep -i '\.css'

等前面都确认过,再用图片搜索核对文件名

curl -s https://www.example.com/sitemap-images.xml | grep -c 'hero-2026'

改完先别撤,确认这几项。首屏图换成 img 后,图片搜索一个月内收录了这张图和同组的十二张配图,页面 LCP 没有变差。

装饰性背景图不必强求收录,有信息价值的图才值得改成 img,否则只是拿性能换一个不存在的入口。监控比日志更早给出信号,事后回看经常能提前半小时发现异常。

作者 9823189