累积布局换档 – 2021谷歌排名因素概述

累积布局移位(CLS)是衡量用户体验事件的Google度量标准,并成为2021年的排名因子。 这意味着了解CLS是什么以及如何优化它是很重要的。[图123是累积布局换档的定义 是什么是累积布局换档? CLS是页面仍在下载时的网页元素的意外移位。倾向于引起换档的元素的种类是字体,图像,视频,联系人表单,按钮和其他类型的内容。 最小化CLS很重要,因为绕过的页面可能会导致用户体验不佳。 较差的CLS分数表示可以解决的编码问题。 根据谷歌的方式 为什么CLS发生 有五个原因为什么累积布局移位发生了: 没有尺寸的图像。没有尺寸的,没有尺寸的IFRAMES.Dynamically注入的内容。在更新DOM之前等待网络响应等待网络响应的线路字体。 图像和视频需要具有HTML中声明的高度和宽度尺寸。关于响应图像,确保不同视口的不同图像大小使用相同的宽高比。 谷歌推荐使用 Aspectratiocalculator.com 来计算纵横比的广告联系。这是一个很好的资源。 广告可以导致CLS 这个人有点棘手。处理引起CLS的广告的一种方法是在广告将显示的元素中展示。例如,如果您的风格为特定的高度和宽度,则该广告将被限制为那些。 如果缺乏库存和广告,则有两个解决方案没有出现。如果包含广告的元素没有显示广告,则可以设置它,以便使用替代横幅广告或占位符图像来填充空间。 或者,对于某些布局,在网页的右侧或左排水室的顶部填充整行的布局,如果页面未显示,则不会出现偏移。它不会在移动或桌面上进行差异。但这取决于主题布局。…