文章出处: 上传日期:2026-08-11阅读数量:
CLS(Cumulative Layout Shift,累积布局偏移)是Core Web Vitals里最容易被忽视的指标。它测量的是页面加载过程中元素会不会“乱跳”——图片突然加载出来把文字挤下去、广告加载出来把按钮推跑了。

大家都知道CLS会影响排名。但最新研究发现,CLS还会影响AI对你内容的采信度。
为什么?因为AI在抓取页面内容时,如果页面布局在不断变化,爬虫在两次抓取之间提取到的同一段文本可能位置变了。如果AI抓取时正好碰上布局抖动,它可能提取到错误的内容片段——比如提取到了广告文案而不是正文。
更隐蔽的问题: 如果AI发现同一页面在不同时间抓取到的内容结构不一致,它会判定这个页面“不稳定”,在检索排序中自动降权。
怎么把CLS压到0.1以下?
第一,所有图片、视频、iframe必须预定义宽高比。在img标签里写死width和height属性,不要依赖CSS去撑开。
第二,广告位预留固定高度。哪怕是空的,也要用CSS占好位置。
第三,字体加载使用font-display: optional。避免FOIT(Flash of Invisible Text)或FOUT(Flash of Unstyled Text)引起的重排。
一个稳定、不抖动的页面,在算法眼里的可信度,比一个乱跳的页面高出一个量级。