中国网
建议在技术选型时优先采用原生属性加picture标签的组合,既保证前端性能,又为百度爬虫提供清晰可读的图片路径
解决这一问题,需要从 图片懒加载 与 WebP格式兼容 两个方向协同入手
但WebP并非所有浏览器或场景都完美兼容,部💫分老旧浏览器或🎇爬虫版本可能不支持
这样浏览器会自动选择自身支持的格式,爬虫也会同时抓取到source和img中的图片路径,降低收录风险
通常,推荐的做法是 优先使用loading="lazy"原生属性 ,这种方式既能让用户侧实现懒加载的效果,又能最大程度保证爬虫的可见性
浏览器/爬虫 🎇WebP支持情况 Chrome(主流版本) 支持 百度移动端爬虫 通常支持 部分PC端爬虫 可能存在不支持 低版本Safari/IE 不支持 为了兼顾兼容性与性能,常见的做法是使用 picture标签 或 通🤔过后端进行格式切换
压缩质量设置 :WebP支持有损压缩,一般建议将质量📌设置在75%-85%之间,视觉损失极小且体积下降显著