Core Web Vitals 案例研究：如何提高您的分数和提升 SEO
已发表: 2022-04-272021 年 5 月，我们研究了 Google 将页面体验作为其网站排名算法中的一个新因素，以及页面体验中三个特定的、可衡量的用户体验排名信号，称为Core Web Vitals 。
因此，Google Core Web Vitals 指标已成为有效、全面的网页设计和技术 SEO 清单的重要组成部分。
这意味着采取网站设计和 SEO 步骤来提高页面加载速度、网站交互性和网页的视觉稳定性至关重要，这些步骤与您对内容、链接策略、关键字等采取的严格方法相同。
许多网站（包括我们的网站）在算法更新后发现自然流量有所减少。
让我们看看我们如何专注于改进我们的Core Web Vitals 指标，以及我们的响应如何随着时间的推移而得到回报。
核心网络生命力和 SEO：快速回顾
这三个指标反映了您的网页在页面加载速度、交互性和视觉稳定性方面的性能。 作为您网站的 Chrome 用户体验报告 (CrUX) 的一部分，它们表示为：
- 最大内容绘制(LCP) — 衡量页面加载速度，即页面主要内容在用户屏幕上完成呈现所需的时间
- 首次输入延迟(FID) — 根据用户单击、轻敲或以其他方式交互的那一刻到浏览器开始处理该输入的那一刻之间的时间来衡量交互性
- Cumulative Layout Shift (CLS) — 根据视觉内容布局的意外变化来衡量视觉稳定性
Google 的 PageSpeed Insights 分析和报告结果，并提供有关移动和桌面性能得分的数据和细节，以及提高性能所需的改进。
将 SEO 价值置于这些性能指标背后的意义非常明确：它们是您的网站在用户与您的页面交互过程中提供的整体体验质量的一部分。
Core Web Vitals 将分数报告为差、需要改进和好。 如果 75% 或更多的流量测量值低于 LCP、FID 和 CLS 的阈值，则页面通过。
需要注意的是，作为其数据源， CrUX 在过去 28 天内使用了 75% 的 Chrome 用户数据。 这意味着其他浏览器的交互不会影响 Core Web Vitals 报告。 这也意味着您应该期待您的网站性能改进和 Core Web Vitals 报告的更高分数之间的延迟。
谷歌提供资源来了解重要信息以及如何改进它们，但您可以关注以下几个重要领域，以进行快速、有意义的 CWV 改进，这些改进应该转化为更多流量和整体 SEO 改进：
- 优化图像和视频
- 减少 JavaScript
- 延迟加载低于首屏的图像
- 预加载英雄、网络字体和其他关键元素
- 专注于移动性能
HubSpot 如何帮助改进关键的网站性能指标？
- 自动缩小 Javascript 和 CSS
- 执行基本的图像优化（不能替代手动优化，但有帮助）
- 在 HubSpot 的快速内容交付网络 (CDN) 上托管文件
案例 1：改善客户的核心 Web Vitals
下面是客户在 Google Search Console 上的移动页面性能指标报告的截图。 很容易看出 28 天标记何时因许多改进而滚动，将评分“差”的页面数量推低至零。
您还可以看到网络流量波动如何影响分数，因为一些“好”分数的页面进入了“需要改进”的范围。 尽管如此，优化还是得到了回报，这项工作继续将这个客户端的更多网页推向“良好”的性能范围。
以下是同一站点的桌面性能报告。 请注意台式计算机的网页渲染实际上如何导致性能下降。 也就是说，更重要的是关注移动，因为这些是谷歌衡量 SERP 结果的指标。
在报告仪表板上很容易看到从红色到绿色的转变……但是分数提高如何转化为网站流量？ 在下面，您可以看到网站流量一直呈上升趋势 - 而在 6 月，它下降了。 但此后的优化工作对网站流量产生了明显、可衡量的影响，并继续呈上升趋势：
案例二：魏德集团
随着 2021 年 6 月的 Google 算法更新，我们自己的网站流量显着下降，我们目前正在努力通过提高页面性能来纠正这种下降。 首先，看一下 Google Search Console 中的移动页面性能：
值得注意的是，我们获得“良好”分数的大多数网页都是加速移动网页(AMP)，因此为您的网站，尤其是您的博客启用此功能非常重要。
下面，通过比较 5 月和 6 月到 7 月，您可以看到持续改进对我们移动流量的 LCP 分数的影响......
…以及我们的 CLS 分数：
而且我们还没有遇到过出现 FID 性能问题的 HubSpot 托管站点（尽管 6 月份的下降很明显）：
但同样，这些指标如何转化为流量？ 下图显示我们的努力阻止了潮流，我们正在慢慢恢复到之前的流量水平：
对于 Weidert Group 这样庞大而有深度的网站，逐页回溯和优化可能是一项长期的维护任务。 因此，更重要的是，向前迈进，按照当前的最佳实践构建新内容，以提高页面速度和交互性能，以获得最佳的用户体验。
SEO的持续改进
谷歌 2021 年算法更新的主要推动力是，它应该通过奖励提供与用户停留和互动相关的可衡量体验的网站来提升整体更好的用户体验，而不是因为加载缓慢、输入延迟长和转移而沮丧而放弃网站页面元素。
不用说，出色的网站性能将永远是一个移动的目标，而 SERP 位置性能将继续让营销人员保持警惕。 但是通过扎实的指导和严格的方法，您可以做出真正的改进，从而增加您网站的访问量和这些访问产生的潜在客户的质量。 我们的SEO 生存指南是一个很好的起点。 单击下面的链接以访问该指南，并下载您自己的副本以随身携带或与同事分享。
