跳至正文
WordPress 与 WooCommerce · Google SEO

WordPress WebP 与传统格式:浏览器与搜索现状

// / / 光算科技

现状可以分成两半看,两半都有出处,而"哪种格式权重更高"这句话两边都没有出处。搜索侧只公布了一件事:哪些格式能被引用与索引;它没有公布格式之间的任何排序、偏好或权重。把这条边界守住,剩下的判断就都落在你自己能测量的维度上。

一张图在 picture 下分三路输出:现代格式、带条件的格式、传统格式兜底,旁边标出每一路各自能核对的事实与不能下的结论
原创示意:图中为 picture 元素下多格式输出的分工,不是真实后台截图或数据。

搜索侧公布的是格式范围,不是格式排序

Google 关于图片 SEO 的说明里有"使用受支持的图片格式"一节,原文列举的是:Google Search 支持 img 元素 src 属性中引用的图片,格式包括 BMP、GIF、JPEG、PNG、WebP、SVG 和 AVIF。同一段还建议让文件名的扩展名与文件类型保持一致。这份清单说明的是"能不能",没有一句涉及"哪个更好"——把它读成格式权重表,是最常见的一个越界。

同一份文档在响应式图片一节写明:网页用 picture 元素或 img 的 srcset 属性指定响应式图片,但有些浏览器和抓取工具并不理解这两个属性,所以建议始终用 src 给一个兜底地址;它随后说明 picture 元素是用于分组同一张图的不同 source 版本的容器,提供降级方案,让浏览器按设备能力(比如像素密度和屏幕尺寸)选合适的图,也适合在用新格式时给尚不支持的客户端做内置的优雅降级。文档里还援引了 HTML 标准 4.8.1 一节:使用 picture 时,请按指定格式提供一个带 src 属性的 img 元素作为兜底。

标准这边登记的是什么

IANA 的媒体类型登记表是这一层的一手来源,它的作用是登记类型和子类型。表里可以核到的几条:image/jpeg 的注册引用是 RFC 2045 与 RFC 2046;image/webp 的注册引用是 RFC 9649;image/avif 的注册条目记在开放媒体联盟名下;image/svg+xml 的注册条目指向 W3C。这张表回答的是"这个类型有没有被正式登记、登记引用是什么",它不包含任何搜索引擎的立场,也不包含任何关于显示效果的说明。把注册状态当成支持度排名,同样是越界。

HTML 标准那边,HTML Living Standard把 picture、source、img 与图片内容单列在 4.8 一节,其中"自适应图片"还有一小节专门讲适配不同像素密度与布局的选图机制。标准告诉你这套结构怎么定义,不告诉你哪种格式该优先。

怎么配这个 picture 结构

  1. 先备好一份传统格式作为兜底,img 的 src 指向它。这一步是硬的:前面两份文档都专门为它写了一句话,一处说始终用 src 指定一个兜底地址,一处说使用 picture 时请按指定格式提供一个带 src 属性的 img 元素。
  2. 再按需要加现代格式的 source,用 media 或 type 条件区分。加条件时确认条件与文件实际类型对得上,扩展名和类型不一致是最常见的错误。
  3. 一个 img 只对应一张图的不同版本,不要在同一个 picture 里混进语义不同的图。
  4. 每加一个 source,都要重新看一次渲染后的 HTML,确认浏览器按预期选到了哪一路——这一层能验证的方式见最后一节。
  5. 媒体库和磁盘上的文件名与实际类型保持一致,这是搜索侧文档明确给出的建议,一条独立于性能的小事,但顺手就能做。

这几类情况不用急着换

一是站点以文字内容为主、图片占比很低,出多份格式带来的收益抵不上多出来的存储和管理成本。二是站点还在改版期,模板未定,多格式会跟着反复推翻。三是图片来自第三方、类型不由你决定的页面——它们的格式控制权在源头,不在你这边。四是站点已经有性能问题集中在脚本和嵌入上,图片格式换一遍不会解决那部分问题,WordPress 托管买的不只是服务器:怎样验收异地备份、安全运维与迁移支持里列的验收项更值得先做一次。五是磁盘和备份本来就紧张,每多一种格式就多一份占用,这种情况下先扩空间再谈格式。

怎么核对格式配置是有效的

能核对的事实有三类。文件层面:逐个请求每一路的地址,确认返回的文件类型和扩展名一致,没有出现"扩展名是 .webp 但实际内容不是"这类错配。浏览器层面:在支持和不支持对应格式的浏览器下各打开一次,确认兜底真的生效。搜索侧:官方文档没有给出"多格式"与收录、展示或流量之间的任何判据,所以这里唯一的动作是改动前后各留一条 Search Console 的时间记录,而不是等某个具体结果。文件本身的可达性和地址层面的核对方法,可以套用WordPress 附件页关了图片会消失吗:两种 URL 要分开检查里的顺序。