CLS,曾难倒一批营销人……
试想一下,如果你在点击某个按钮或者链接时,原点击处发生移动,最后你点开的是广告,体验感是不是极差!如果你的用户也是这样,那就糟了!
今天PandaMobo小课堂教你做好网页的布局稳定性,提高CLS评分,把优化谷歌广告排名拿捏得稳稳的~
累积布局偏移 Cumulative Layout Shift (CLS) 是Core Web Vitals的三个指标之一, 用于衡量网站的视觉稳定性。简单来说,如果页面的主要内容加载到一个页面上,然后被其他内容(例如,图片)推动,布局已有效转移。
许多情况下,布局会在访问者点击按钮或者链接(例如“阅读更多”按钮)时发生变化,可能链接移动了,访问者最终点击了别的东西甚至是广告。毫无疑问,它破坏了用户体验。
Google将影响分数描述为受移动内容影响的屏幕部分。如果一块构成屏幕一半 (50%) 的内容移动到屏幕的一半 (25%),它会影响该屏幕的75%。这意味着影响分数为0.75,并且由于内容移动了视口的25%,因此距离分数为0.25。最终结果计0.75*0.25=0.1875。
根据谷歌官方,任何高于0.1的CLS分数都会损害用户体验,应该降低。即CLS指标小于0.1时,才有助于确保页面的用户体验。
创建硬编码的单一尺寸广告
发布商可以在页面顶部创建一个单一尺寸的广告位置,仅适用于硬编码广告。拥有这样的占位符可确保不会发生布局变化,但代价是每个广告位只有一种尺寸。
延迟发布加载广告
发布商应该考虑最佳实践之一——延迟加载广告,即在实际需要之前不要加载广告。例如,如果页面具有三个视口,则在访问者到达第二个视口之前,不会加载第三个视口上的广告。但这个缺点是没有考虑用户行为,如果用户滚动速度相对较快,超过占位符,则广告加载太晚,延迟加载的广告仍会导致布局偏移。此外,还要注意延迟加载会损害可见度。
使用实时数据优化用户体验
使用实时数据从本质上为每个访问者优化个性化广告体验。通过使用数百个匿名数据点,发布商可以个性化应该放置什么类型的广告,以及应该在页面上的位置和时间放置。这种做法不仅可以在不损害用户体验的情况下提高CLS分数,而且还可以改善站点延迟。