您应该了解的有关 Google Core Web Vitals 的信息

已发表: 2021-05-08

您听说过 Google 的新 Core Web Vitals 吗？ 除了四个现有的页面体验信号之外，Core Web Vitals 对于最佳用户体验（加载、交互性和视觉稳定性）至关重要。 谷歌将在 6 月中旬逐步开始推出这些指标，到 8 月底它们将在排名确定中发挥全部作用。 在此博客中，我们将仔细研究每个核心网络生命，它们将如何影响您的网站，改进它们的工具等等。

谷歌的核心网络生命力是什么？

Core Web Vitals 根据速度以及访问者与页面交互的速度来评估用户体验（在桌面和移动设备上）。 每个 Core Web Vital “代表了用户体验的一个不同方面，在该领域是可衡量的，并反映了以用户为中心的关键结果的真实体验。”

Core Web Vitals 不仅仅关注文本元素，而是评估页面内整体用户体验 (UX) 的质量。 有三个核心网络生命力：

  1. 最大含量涂料 (LCP)
  2. 首次输入延迟 (FID)
  3. 累积版式偏移 (CLS)

LCP 评估性能和负载、FID 响应性和交互性以及 CLS 视觉稳定性。 Core Web Vitals 占您的 Google 页面体验分数的最大部分，其中还包括以下现有搜索信号：

  1. 移动友好
  2. 安全浏览
  3. HTTPS
  4. 无侵入性插页式广告

我们将在本博客后面详细介绍页面体验分数。 让我们从深入了解每个 Core Web Vital 的细节开始。

Core Web Vital #1 :: 最大的内容绘制 (LCP)

最大内容绘制 (LCP) 衡量页面上最大内容元素的加载速度。 这通常是一块大的块级文本、图像或视频。 LCP 不是评估整个页面的加载时间，而是从用户的角度检查页面加载所需的时间，这是最重要的页面速度指标。

一个好的 LCP 小于 2.5 秒，这意味着最大的元素在页面开始加载后的 2.5 秒内显示。 优化 LCP 很重要，因为事实证明更长的加载时间会对跳出率产生严重的负面影响。 要缩短 LCP 时间，请考虑：

  • 删除大页面元素
  • 升级您的虚拟主机
  • 实现延迟加载
  • 删除不必要的第三方脚本

Core Web Vital #2 :: 首次输入延迟 (FID)

首次输入延迟 (FID) 衡量从用户首次与页面交互到浏览器对该交互做出响应的时间量。 用户交互包括（但不限于）以下内容：

  • 选择菜单或导航选项
  • 单击链接或按钮
  • 在字段中输入文本
  • 在移动设备上打开手风琴菜单

FID 超出了您的 PageSpeed 分数，因为它衡量了用户完成特定操作所需的时间。 这意味着它需要来自实时用户的现场数据，并且不能通过实验室模拟生成。

一个好的 FID 应该不超过 100 毫秒，以便在 Web 上提供出色的用户体验。 要缩短 FID 时间，请考虑：

  • 使用浏览器缓存
  • 删除非关键的第三方脚本
  • 推迟（或最小化）JavaScript

Core Web Vital #3 :: Cumulative Shift Layout (CSL)

累积移位布局 (CSL) 计算整个页面加载时发生的布局移位总数。 换句话说，它决定了页面在加载过程中视觉稳定的速度。 加载期间的页面稳定性有助于确保访问者不会错误地单击某些内容，或者必须重新了解链接、按钮和字段的位置。

一个好的 CSL 小于 0.1。 您的分数可以低至 0，并且每次发生班次布局时都会增加。 换句话说，较高的分数意味着页面加载时元素会跳动很多。 没有最高分，但 Core Web Vitals 得分为 0.25 或以上为“差”。 要提高您的 CSL 分数，请考虑：

  • 在首屏下方添加额外的 UI 元素
  • 确保广告元素保留空间
  • 定义媒体的尺寸属性尺寸

Core Web Vitals 如何适应 Google 的排名因素？

Core Web Vitals 是称为“页面体验信号”的指标集的重要新组件。 这些通过考虑最重要的非文本元素来评估页面的整体用户 Web 体验。 换句话说，他们考虑用户如何看待他们与页面的交互，以及该页面在满足他们的查询方面有多大用处。 我们将在下面检查四个现有的页面体验信号。

1. 移动友好

这评估了网站在移动设备上导航的难易程度。 这包括链接和页面元素的可访问性，以及内容的可读性。 页面的每个部分在移动设备上的功能都应该与在桌面设备上一样，这是响应式设计的基础。

2. 安全浏览

安全浏览确定网站是否存在被黑内容、网络钓鱼和恶意软件等问题。 它的重点是确保访问者可以安全地浏览他们正在寻找的内容。

3. HTTPS

该指标评估网站的安全性，以及是否按照 Google 最佳实践建议通过 HTTPS 提供服务。

4. 没有侵入性的插页式广告

此信号可确保基本页面内容不会被侵入式插页式广告（弹出式广告）阻挡，从而促进愉快的浏览体验。

您的核心网络生命值分数是如何计算的？

Core Web Vitals 分数是使用 28 天窗口内的第 75 个百分位计算的。 换句话说，它使用四个站点访问中的三个 (75%) 来确定页面是否满足每个 Core Web Vital 的目标。 如果页面满足所有三个指标的推荐分数，则它通过了 Core Web Vitals 评估。

Core Web Vitals 将如何影响您的网站？

虽然 Core Web Vitals 固然重要，但关键是要了解 Google 在对网页进行排名时会考虑数百个独特的信号。 但是，Core Web Vitals 可以对竞争极具竞争力的条款的页面产生重大影响。 随着用户期望的变化，Core Web Vitals 将随着时间的推移而不断发展，因此随时了解情况至关重要。

如何提高您的核心 Web Vitals 分数？

您可以使用许多免费工具来分析和提高您的 Core Web Vitals 分数。 改善这些指标可以帮助您超越竞争对手并在 Google 搜索引擎结果页面中排名更高。 我们建议使用以下工具来查看您的 Core Web Vitals 分数并发现改进的机会。

工具 #1 :: Google Search Console Core Web Vitals 报告

如果您想提高您的 Core Web Vitals 分数，请从 Google Search Console 的 Core Web Vitals 报告开始。 Core Web Vitals 报告位于您的 Search Console 帐户的“增强功能”部分，提供了您整个网站的表现的概览。

Tower Marketing 的 Core Web Vitals 报告的屏幕截图。

Core Web Vitals 报告使用 Chrome 用户体验报告中的字段数据按问题对索引 URL 进行分组。 这是因为类似页面上的用户体验问题通常是由相同的潜在问题引起的。 每个 URL 都被评为“差”、“需要改进”或“好”。

查明问题后，您可以使用 Google PageSpeed Insights 或 Google Lighthouse 等工具进行修复。 以下两节将更详细地检查这些工具，以帮助您针对 UX 进行优化。

工具 #2 :: Google PageSpeed Insights 报告

您的 Google Search Console Core Web Vitals 报告链接到 Google PageSpeed Insights 中的相应报告，该报告由 Lighthouse 实验室模拟提供支持。 PageSpeed Insights 使用实验室和现场数据测量核心网络生命力。 专注于“机会”和“诊断”部分，以识别每个 URL 上的问题并有效优化网站速度。

PageSpeed Insights 加载 Tower Marketing 网站的屏幕截图。

工具 #3 :: 谷歌灯塔

Google Lighthouse 是一种自动化工具，可针对 URL 运行审核并创建有关该页面性能的报告。 Lighthouse 6.0 包括最大内容绘制 (LCP) 和累积布局偏移 (CLS) 的实验室指标，使其成为评估核心 Web 生命力的宝贵工具。

总阻塞时间 (TBT)

Lighthouse 6.0 的第三个新指标是总阻塞时间 (TBT)，它与首次输入延迟 (FID) 直接相关。 简单地说，TBT 计算 LCP 和 Time to Interactive (TTI) 之间的总时间。 TTI 是从页面开始加载到它可靠地响应用户交互的时间量。

到第一个字节的时间 (TTFB)

Lighthouse 报告的“机会”部分还包括首字节时间 (TTFB)。 顾名思义，这是浏览器接收页面内容的第一个字节所花费的时间。

互动时间 (TTI)

包含在 Lighthouse 报告的“性能”部分中，交互时间 (TTI) 衡量页面变为完全交互所需的时间。 TTI 与 TBT 一起工作，以查明和诊断可能对您的 FID 产生负面影响的交互性问题。 因为它不是现场可衡量的或以用户为中心的，所以 TTI 不包含在 Core Web Vitals 中。

工具 #4 :: Google Search Console 页面体验报告

页面体验报告将您的核心 Web Vitals 报告与其他四个页面体验信号相结合：移动设备友好、安全浏览、HTTPS 和无侵入性插页式广告。 深入了解页面体验信号的每个组成部分可以帮助您发现新的改进机会，这在决胜局的情况下特别有用。

工具 #5 :: Google Chrome 用户体验 (CrUX) 报告

Chrome 用户体验报告是一份来自数百万网页的用户体验数据的匿名公开报告。 它测量所有三个 Core Web Vitals 的现场数据（而不是实验室数据），并且不考虑模拟或 Googlebot 访问。 查看您的页面在该领域的表现如何是确定有价值的改进机会的好方法。

工具 #6 :: Google Chrome DevTools

Google Chrome DevTools 内置于 Google Chrome 浏览器中，旨在帮助您诊断和修复可能导致高 CSL 的问题。 他们还测量 TBT，这在寻求改善 FID 时很有用。

工具 #7 :: Google Chrome Web Vitals 扩展

Web Vitals Extension 在 Chrome Web Score 中提供，可实时测量所有三个 Core Web Vitals。 这些关于加载、交互和布局变化的即时数据可帮助您识别可以产生重大影响的机会。

工具 #8 :: Semrush 站点审计工具

您的 Semrush 帐户中的站点审核工具报告与 Core Web Vitals 相关的各种数据。 这包括加载速度指标、HTTPS 安全协议、JavaScript 和 CSS 错误、可抓取性等。

与 Tower Marketing 合作以提高您的核心 Web Vitals 分数

识别和修复 Core Web Vitals 问题的最佳（也是最简单）方法是与 Tower Marketing 等机构合作。 我们经验丰富的 Web 开发人员和 SEO 团队拥有使您的网站达到 Core Web Vitals 建议的工具，我们将在出现任何问题时予以解决。

想要检查您网站的核心网络生命力，并了解您如何与这些新的页面体验指标相提并论？ 今天就联系我们开始吧。