如何优化核心 Web Vitals 以获得更好的 SEO 和 UX

已发表: 2022-03-10

TL;DR：Google 已宣布，到 2022 年 3 月底，页面体验将成为桌面搜索的排名因素。监控您的 Core Web Vitals 信号，以确保积极的客户体验并保护转化率。

跳转到一个部分：

什么是桌面页面体验更新？
相对于其他排名因素，页面体验有多重要？
页面体验对业务有何影响？
Google 的 Core Web Vitals 指标
在哪里可以找到 Core Web Vitals 指标？
在 Botify 中监控核心 Web Vitals
GSC 中的 Core Web Vitals 报告
Google 算法中的现有页面体验信号
如何优化页面体验？

什么是页面体验更新？

鉴于在出色的网页体验和“meh”体验之间进行选择，我们每次都会选择出色的体验。

您是否曾经不得不等待八秒钟才能打开菜单？或者因为页面元素突然移动而误点击了什么？

来自谷歌。

你当然有。我们都有。

谷歌知道有多少这样的互动会破坏我们对网站的体验。这就是为什么他们多年来添加了与体验相关的标准作为排名因素，例如页面速度和移动友好性。

但在 2020 年 11 月，谷歌宣布打算创建一个综合的页面体验排名因素。此更新将整合现有的页面体验信号（例如移动友好性、侵入性插页式广告的普遍性），同时还合并核心 Web 生命值 (CWV) 指标，该指标衡量与页面速度、响应能力和视觉稳定性相关的属性。

这些更新于 2021 年 6 月在移动搜索中推出。由于页面体验排名因素，网站不再需要加速移动页面 (AMP) 来在热门故事结果中排名。只要页面达到其页面体验阈值，它们就有资格在移动搜索中优先放置。

现在，谷歌正在扩展页面体验更新以包括桌面搜索。部署应在 2022 年 3 月结束前完成。

相对于其他排名因素，页面体验有多重要？

页面体验不如拥有高质量的相关内容重要。用 Google 自己的话来说，“我们会优先考虑总体上具有最佳信息的页面，即使页面体验的某些方面不合格。”

这对你意味着什么？这意味着如果您的内容与竞争对手的内容具有相似的质量和相关性，但该竞争对手的页面体验指标更好，那么竞争对手的页面可能会超过您的页面。

页面体验对业务有何影响？

优化的页面体验不仅仅是在搜索中排名靠前——它对转化以及客户如何体验您的品牌有直接影响。谷歌发现，如果网站达到最低 CWV 阈值，用户“放弃页面加载的可能性降低 24%”。这很重要。

即使没有页面放弃，缓慢的加载时间也会对转换产生不利影响。我们在 Contentsquare 的合作伙伴在其 2021 年数字体验基准报告中透露，即使“网络加载时间减少 100 毫秒也会导致转化率下降 7%”。

鉴于这些趋势，用户体验已成为电子商务网站和其他严重依赖数字流量的网站的首要任务。在 Hubday，Alltricks 首席营销官 Yohan Michel 表示，这家自行车和跑步设备零售商将精简其网络应用程序技术，以实现“一个更流畅、加载极快的移动网站，始终以提高转化率为目标。”

由于 Core Web Vitals 是实现积极页面体验不可或缺的一部分，因此我们了解它们是什么以及如何针对它们进行优化非常重要。

Google 的核心 Web Vitals 指标

谷歌的新页面体验排名因子将现有的页面体验信号与核心网络生命力指标相结合，但核心网络生命力是什么？

Google 于 2020 年 5 月 5 日推出了 Core Web Vitals，以统一和简化他们多年来添加的所有用户体验信号指南。

出色的用户体验包含许多因素，但 Google 确定了每个网站都应具备的三个基本要素：

加载体验：Google 使用“最大内容绘制”（LCP）指标来衡量用户感知到的加载速度。 LCP 标记页面的主要内容已完全加载的点。学到更多。
交互性：Google 使用“首次输入延迟”(FID) 指标来衡量用户如何与页面交互。 FID 衡量页面的响应速度等内容，并且是衡量用户在尝试在页面上导航和执行操作时可能感受的最可量化的衡量标准。学到更多。
视觉稳定性：Google 使用“Cumulative Layout Shift” (CLS) 指标来衡量页面布局的稳定性。换句话说，布局对于用户来说有多大的意外变化？学到更多。

谷歌解释说，这些指标是其他指标的组合——同样，作为简化页面体验指标的一种方式。例如，如果您的首次内容绘制 (FCP) 和首字节时间 (TTFB) 很差，您就不可能有一个好的 LCP。 Core Web Vitals 指标是可靠的指标，因为它们基于真实世界的使用数据（AKA “现场数据”），而不是外推数据（AKA “实验室数据”）。该字段数据来自 Chrome 用户体验 (CrUX) 报告，该报告收集了有关访问您页面的实际用户的性能时间的匿名指标。

我在哪里可以找到我的 Core Web Vitals 指标？

谷歌表示，其所有流行的开发工具现在都可以用来衡量核心网络生命力。

以下是 PageSpeed Insights 工具中这些新指标的示例：

在 Web.Dev Measure Tool 中：

您可以在以下位置找到 Core Web Vitals 信息：

Lighthouse ：下载适用于 Chrome 的 Lighthouse 扩展或使用 Chrome DevTools 的 Audits 选项卡（点击 URL 上的“inspect”并单击“audits”选项卡）。
PageSpeed Insights ：访问 PageSpeed Insights 工具并照常运行报告。新的 Core Web Vitals 指标将在您的报告顶部突出显示。
Web Vitals Chrome 扩展程序：Google 创建了一个完整的扩展程序，专门用于帮助您测量网页上的 LCP、FID 和 CLS。下载适用于 Chrome 的 Web Vitals 扩展程序。
Chrome UX 报告 API ：Chrome 用户体验报告中的所有指标均由 API 提供支持。网站所有者可以使用这些相同的 API 来收集这些性能指标的 URL 级分析。在此处查看有关 Chrome UX 报告 API 的 Google 文档。
Web.dev Measure Tool ：访问 https://web.dev/measure/ 以查看您通过该工具运行的任何 URL 上的 Core Web Vitals 数据。
Google Search Console ：GSC 中的“Core Web Vitals”报告按状态、指标类型和 URL 类型对性能进行分组。
Botify ：截至 2022 年 2 月，Botify Analytics 包括一个 CoreWebVitals 仪表板，其中包含按页面类型细分的趋势报告和 CWV 数据。

在 Botify 中监控核心 Web Vitals

Botify 通过 Google 的 API 直接从 CrUX 报告中获取其 CWV 数据，以确保其具有权威性并与第三方报告一致。但是使用 Botify 监控 CWV 有几个好处。

由于您的 Core Web Vitals 数据位于 Botify 中，因此您可以轻松管理页面体验，而无需在平台之间切换。

不仅如此，您还可以按页面类型对数据进行细分，在这些问题开始出现在转化数据中之前，揭示哪些页面类别遇到了 CWV 问题。

仪表板还具有许多趋势报告，显示您的 CWV 指标随时间的变化。这可以帮助您识别可能影响您的页面体验的网站更改。

但由于 SEO 可能最熟悉 GSC 并将其纳入日常工作流程的一部分，让我们具体深入研究该报告。访问 web.dev/vitals-tools 以获取有关如何使用其他报告查找 Core Web Vitals 数据的详细说明。

Google Search Console 中的 Core Web Vitals 报告

在 Google Search Console 中导航到您要审核的属性，然后单击左侧导航中的“Core Web Vitals”。

在那里，您将看到移动和桌面性能的图表。

这些图表包括属于以下三个类别之一的 URL：

差：如果 URL 的 LCP 超过 4 秒，FID 超过 300ms，CLS 大于 0.25，则认为 URL 是“差”的。
需要改进：如果 URL 的 LCP 介于 2.5 和 4 秒之间，它们的 FID 介于 100 毫秒和 300 毫秒之间，并且它们的 CLS 介于 0.1 和 0.25 之间，则 URL 被认为是“需要改进”。
Good ：如果 URL 的 LCP 小于 2.5s、FID 小于 100ms 且 CLS 小于 0.1，则 URL 被标记为“good”。

由于此报告使用字段数据，如果 URL 没有足够的真实数据，GSC 将在报告中忽略它。

GSC 的 Core Web Vitals 报告按 URL 组细分问题，这很有帮助，因为一组 URL 中的一个问题很可能是由一个单一的、全面的问题引起的。这可以帮助您专注于根本问题，而不是该问题如何在多个单独的页面中表现出来。

Google 将提供有关 URL 组的状态，以帮助您跟踪哪些已验证，哪些尚未验证，以及这些测试的进度。有关 GSC 中的 Core Web Vitals 报告的更多信息，请访问搜索控制台帮助中心以阅读他们的完整文档。

现有的 Google 页面体验信号

Core Web Vitals 指标并不是影响 Google 新页面体验排名因素的唯一因素。它还将结合现有的页面体验信号，例如：

移动友好性：2015 年宣布，移动友好性是一种排名信号，优先考虑易于在移动设备上查看的内容。您可以在此处测试您的页面是否适合移动设备。您还可以在 Google Search Console 中监控移动可用性。
安全浏览：网站管理员应修复在其网站上发现的安全问题，他们可以在 Google Search Console 的安全问题报告中访问这些问题。安全问题包括恶意软件、欺骗性页面、有害下载和不常见的下载。
HTTPS 安全性：HTTPS / 传输层安全性是一个轻微的排名信号，其权重低于内容质量信号，但网站管理员应该将所有 URL 迁移到 HTTPS，不仅因为它有助于排名，而且因为它对访问者更安全。

侵入性插页式指南：网站管理员应避免显示覆盖页面主要内容的弹出窗口，显示用户在访问主要内容之前必须关闭的独立插页式，并使网页的首屏部分看起来像当首屏下方有主要内容时，一个独立的插页式广告。

后续步骤：如何优化页面体验？

既然页面体验是桌面和移动搜索的排名因素，那么开始将其纳入您的 SEO 策略是一个好主意。

Google 建议使用以下工作流程进行页面体验优化：

在 Google Search Console 中打开您的 Core Web Vitals 报告以识别需要注意的页面组。首先关注“差”类别中的 URL，然后是“需要改进”。
与您的工程团队共享此报告（阅读与您的 Web 开发人员交流的提示）或继续下面的进一步诊断。
一旦您掌握了最需要关注的页面，就可以通过 PageSpeed Insights 运行这些页面，以诊断导致您需要解决的糟糕的 Core Web Vitals 指标的具体问题。
通过 Lighthouse 审核运行这些页面，或使用 Web Vitals Chrome 扩展程序获取更多关于您仍需要修复的可操作指导。

Google 还为我们提供了页面体验最佳实践，例如：

将每个页面的大小减少到小于 500KB（页面 + 所有资源）。
将每页的资源总数保持在 50 以下（非常适合移动设备）。
考虑实施 AMP，它可以解决移动设备和桌面设备上的许多页面加载问题。

当您和/或您的 Web 开发人员开始实施页面体验修复时，Google 建议使用他们的“开始跟踪”按钮，该按钮将启动 28 天的监控会话。为什么是28天？谷歌表示，如果在该 28 天窗口内没有再次出现该问题，您可以认为该问题已修复！

增强的页面体验排名因素是向融合 SEO 和 UX 方向迈出的又一步。随着时间的推移，似乎越来越像做对人类最好的事情也是对谷歌最好的事情。

这是为我们的访客创造最佳体验并获得奖励！

联系以了解更多关于 Botify 正在帮助企业网站将自然搜索转变为有效、可衡量和可持续的流量和收入增长渠道的信息。