我们可以从 2022 年的 Core Web Vitals 中得到什么

已发表: 2021-12-02

2021 年对于 SEO 来说是重要的一年。我们看到 Google 推出了缩进结果，网站可以在搜索引擎结果页面 (SERP) 上显示多个相关页面；它对移动搜索的持续滚动更新，当用户滚动到搜索页面底部时，它会自动加载下一批结果；并且它的标题标签重写，它用它的 H1 标签或其他元素替换网站的标题。

所有这些变化是否得到了雷鸣般的掌声？不完全是，但这是谷歌的 SERP 世界，我们生活在其中——并试图在其中排名。

另一个没有立即获得成功的版本是 Page Experience Update，它基于 Google 的Core Web Vitals指标。这些新指标通过根据三个信号分析网页来“优先考虑”（稍后将详细介绍）用户体验：

最大的内容涂料
首次输入延迟
累积版面偏移

通过每个 Core Web Vitals 阈值的 URL 被认为比没有通过的 URL 更有可能排名，反之亦然。然而，随着时间的推移，谷歌似乎已经改变了对网站将看到多大的影响以及它们应该通过多少门槛的想法。

谷歌此次发布的目标是什么？让网站所有者提高他们网站的性能。不幸的是，谷歌并没有上钩。

核心 WebVitals 不会去任何地方

尽管反应平淡，但不要指望 Core Web Vitals 会悄悄进入深夜。进入 2022 年，我们可以期待谷歌提升其对排名的重要性。

事实上，我敢打赌，对于没有达到一两个阈值的网站来说，排名劣势会更多——而不是像目前的情况那样，只是那些全面失败的网站。这意味着网站需要针对每个 Core Web Vitals 信号开始集体优化页面，因此当竞争对手的网站开始排名更高时，它们不会落伍。

有效的营销需要知名度和影响力，没有比在 SERP 上排名高更好的选择。这意味着必须遵守 Core Web Vitals。但是当冒险这样做时，最好知道优化网站的方法以及避免哪些捷径可能会阻碍网站的可用性。

了解每个 Core Web Vitals 信号

Core Web Vitals 本质上将用户体验放在首位，通过在三个方面衡量网站的性能：视觉稳定性（累积布局偏移）、交互性（首次输入延迟）和加载性能（最大内容绘制）。

让我们简要定义每个信号：

Cumulative Layout Shift : 5 秒会话内页面布局的最大变化。
首次输入延迟：从用户第一次点击交互元素（例如链接或按钮）到处理发生在该点击上的时间。
最大内容绘制：加载页面上最大的元素需要多长时间。 注意：最大元素因使用的设备而异。

为 Core Web Vitals 优化网站时不该做什么

Core Web Vitals 应该增强网站的用户体验，但 SEO 的做法对可用性造成的弊大于利。 Core Web Vitals 的指标很脆弱，即使经过糟糕的优化也可以轻松通过。

让我们来看看这两种情况：

可以通过最大内容绘制阈值的一种方法是使页面上的文本更大。该指标衡量屏幕上最大元素的加载时间——加载越快，指标越好。

由于文本的加载速度比图像的加载速度快，因此将其变大将允许网站通过此阈值。但这种策略不会改善网站的用户体验，而且较大的文字可能会成为视觉上吸引人的网站的眼中钉。因为视觉对营销至关重要，所以很容易理解为什么这不是一个好主意。

另一个通过 Core Web Vitals 阈值的糟糕优化示例是删除有价值的链接。首次输入延迟测量处理用户单击站点上的交互式元素所花费的时间。

例如，让我们以博客页面为例，该页面由图片、标题、摘要和每个帖子的“阅读更多”CTA 组成。通常，搜索引擎优化使图像和 CTA 都可以链接到完整的博客文章，并且用户已经开始期待它。如果 SEO 从这些交互元素中删除链接，用户仍然会点击它们（因为他们会假设它们链接到某个地方），但不会发生任何事情。用户最终会找到一个起作用的元素，但比他们发现的要晚。因此，在页面完全加载之前，首次输入延迟的时钟不会开始，这将改善此信号的指标，但会破坏过程中的用户体验。

营销的一个关键部分是将消费者放在首位。将网站配置为遵循 Core Web Vitals，同时降低用户体验的速度会适得其反。注意优化是每个网站真正关心用户体验所需要的。

为 Core Web Vitals 优化网站时要做什么

尽管 Core Web Vitals 没有得到很好的接受，但有一些方法可以针对每个信号增强网站。考虑以下选项来改进 Core Web Vitals 网站：

累积班次布局：使用外观来延迟加载内容。 立面用于存放页面完成加载后将出现的内容。假设一个网站在其主页上展示了产品图片。 Facades 将在加载时保持其位置，这样页面就不会重新排列，因为它们是焦点并且可能比页面上的其他元素更大。
最大的内容涂料：将大型元素放在折叠下方。 这允许更不稳定的元素，例如嵌入的内容（图像、广告、推文等），在页面加载时逐渐出现。如果需要在页面上展示广告，将其放在首屏下方将有助于改进此指标。
首次输入延迟：尽早添加交互元素以达到目的。 如果页面有一个元素需要在用户查看站点之前被点击，这将导致延迟，因为页面仍在后台加载。这种类型的交互元素的一个示例是 cookie 首选项覆盖。

通过每一个门槛

Core Web Vitals 将继续存在。随着我们进入 2022 年，任何希望排名的网站都需要确保他们通过了每个门槛。不这样做会导致从行列中自由落体，这是营销人员不希望的。有一种正确的方法可以优化 Core Web Vitals 的页面。一旦我们这样做，我们将使 SEO 世界在排名和用户体验方面变得更好。

关于作者

Tom Capper是Moz的高级搜索科学家。他是一位思想领袖，喜欢挑战行业规范并制定独特的 SEO 策略和策略。他的重点是设计新的研究，以帮助 Moz 在职业生涯的每个阶段为 SEO 专业人士解决复杂的技术问题。