CLS,曾难倒一批营销人……
source link: https://www.amz123.com/thread-755354.htm
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
CLS,曾难倒一批营销人……
PandaMobo(熊猫新媒)是中国领先的“互联网+”出海整合营销平台,隶属于上市公司久其软件,是久其数字传播核心成员。我们致力于帮助中国品牌走向全球,通过海外媒介投放、品牌策略咨询、本地化运营、新媒体大数据服务四大核心业务模块。
13小时前 268
试想一下,如果你在点击某个按钮或者链接时,原点击处发生移动,最后你点开的是广告,体验感是不是极差!如果你的用户也是这样,那就糟了!
今天PandaMobo小课堂教你做好网页的布局稳定性,提高CLS评分,把优化谷歌广告排名拿捏得稳稳的~
CLS对页面体验的影响有多大?
累积布局偏移 Cumulative Layout Shift (CLS) 是Core Web Vitals的三个指标之一, 用于衡量网站的视觉稳定性。简单来说,如果页面的主要内容加载到一个页面上,然后被其他内容(例如,图片)推动,布局已有效转移。
许多情况下,布局会在访问者点击按钮或者链接(例如“阅读更多”按钮)时发生变化,可能链接移动了,访问者最终点击了别的东西甚至是广告。毫无疑问,它破坏了用户体验。
谷歌认证的最佳CLS指标<0.1?
Google将影响分数描述为受移动内容影响的屏幕部分。如果一块构成屏幕一半 (50%) 的内容移动到屏幕的一半 (25%),它会影响该屏幕的75%。这意味着影响分数为0.75,并且由于内容移动了视口的25%,因此距离分数为0.25。最终结果计0.75*0.25=0.1875。
根据谷歌官方,任何高于0.1的CLS分数都会损害用户体验,应该降低。即CLS指标小于0.1时,才有助于确保页面的用户体验。
CLS的提分小技巧大放送
创建硬编码的单一尺寸广告
发布商可以在页面顶部创建一个单一尺寸的广告位置,仅适用于硬编码广告。拥有这样的占位符可确保不会发生布局变化,但代价是每个广告位只有一种尺寸。
延迟发布加载广告
发布商应该考虑最佳实践之一——延迟加载广告,即在实际需要之前不要加载广告。例如,如果页面具有三个视口,则在访问者到达第二个视口之前,不会加载第三个视口上的广告。但这个缺点是没有考虑用户行为,如果用户滚动速度相对较快,超过占位符,则广告加载太晚,延迟加载的广告仍会导致布局偏移。此外,还要注意延迟加载会损害可见度。
使用实时数据优化用户体验
使用实时数据从本质上为每个访问者优化个性化广告体验。通过使用数百个匿名数据点,发布商可以个性化应该放置什么类型的广告,以及应该在页面上的位置和时间放置。这种做法不仅可以在不损害用户体验的情况下提高CLS分数,而且还可以改善站点延迟。
我们建了一个亚马逊卖家交流群,里面不乏很多大卖家。
现在扫码回复“ 加群 ”,拉你进群。Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK