将核心网络生命力评估为网站速度的关键 SEO 因素

已发表: 2020-10-13

到目前为止，您可能已经知道各种技术 SEO 提示和技巧来提升您的网站性能。另一方面，搜索引擎不断提出新的指标，要求您修改策略以跟上最新的 SEO 趋势并在竞争中保持领先地位。核心 Web Vitals 和页面体验是此列表中的新增内容。今天我们就来简单介绍一下：

快速介绍此事

现在更名为 Core Web Vitals 的 Google Search Console 中的速度报告提供了两个新的性能指标：
1. 累积版图转移
2. 除了第一个输入延迟之外的最大内容绘制

Core Web Vitals 已部署在各种工具中，例如 Page Speed Insight 或 Lighthouse。

谷歌宣布了即将发生的重大变化：它将在 2021 年发布一个新的页面体验信号作为排名因素。这将主要集中在 Core Web Vitals。

至此，您可能已经明白我们今天讨论的动机了吧？酷，让我们现在更深入地挖掘。

谷歌对网站速度和用户体验的关注——页面体验

谷歌以下列方式概述页面体验：

“页面体验是一组衡量用户如何感知与网页交互的体验超出其纯粹信息价值的信号。”

因此，页面体验可以被认为是谷歌认为对用户体验至关重要的多个因素的混合。因素如下：

HTTPS
没有太多的弹出窗口
移动友好性
安全浏览

现在，这些已被记录为重要的搜索信号。所以现在的主要重点是引入 Core Web Vitals。

担心您的 SEO 排名？不要紧张。谷歌网站管理员中心博客坚称，这一变化不会在 2021 年之前实施，谷歌将在推出信号前至少 6 个月发出通知。所以好消息是，即使您的网站尚未符合准则，您仍然有时间优化页面。

阅读以下段落以了解所有相关信息并开始实施。

核心 Web Vitals 概述

在本节中，我们将提到 Core Web Vitals 的所有组件，并提供一些有效的技巧来改进指标。但首先，让我们分析一下 Core Web Vitals 的真正含义：

Core Web Vitals 是 Google 认为对网页的整体用户体验非常重要的一些特定因素。简而言之，这些是增加整体页面体验分数的因素的子集。

Core Web Vitals 的指标是最大内容绘制或 LCP（它衡量站点加载性能的实时用户体验）、首次输入延迟或 FID（它衡量站点交互性的 UX）和累积布局偏移或 CLS（它衡量 UX为了页面的视觉稳定性）。

事不宜迟，让我们继续分解这三个 Core Web Vital 指标，并讨论一些改进这些指标的有效策略。

LCP 或最大含量涂料

最大内容绘制测量视口上可见的最大内容元素的渲染时间。简单来说，就是从点击链接到在屏幕上看到大部分内容所花费的时间。 LCP 与其他页面速度指标不同。例如，First Contextual Paint 和 Time to First Byte (TTFB) 等指标并不能真正反映用户打开网页的实际情况。 LCP 专注于页面速度方面真正重要的事情——查看网页并与之交互。

顺便问一下，你的 LCP 分数是多少？在 PageSpeed Insights 上找到它。

根据 Google 的 LCP 指南，您的网站性能可分为三类：良好（最多 2.5 秒）、需要改进（最多 4 秒）和差（超过 4 秒）。

以下是提高 LCP 分数的几种方法：

#Minimize CSS – CSS 文件可能包含缩进、间距和注释等字符。浏览器不需要这些字符。减少阻塞 CSS 的数量最终将改善呈现页面主要内容 (LCP) 所花费的时间。

#Remove Large Page Elements –密切关注 Google PageSpeed Insights 以了解您的页面是否有任何会减慢 LCP 的元素。

#Upgrade Web Host –更好的托管将改善整体加载时间。

#Take Advantage of Lazy Loading –延迟加载会阻止页面元素的加载，直到用户向下滚动页面。这将帮助您实现更快的 LCP。

辛苦吗？我们同意。值得？当然，如果网页在 3 秒内未加载，则 40% 的网络流量会反弹（来源：Hobo-web）！

以下是一些优化页面加载速度的技巧。

FID 或第一输入延迟

所以，我们希望您的网页 LCP 得到了显着改善，但用户能否顺利地与页面交互？这就是 FID 衡量的内容——用户与页面交互所花费的时间。

FID 或 First Input Delay 是用户第一次与页面交互时所经历的延迟，例如，单击元素时从网页获得反馈的延迟。

以下是一些交互示例，以便您更好地理解：

-单击网站导航中的链接
- 在移动设备上打开手风琴文本
- 在字段中输入电子邮件
- 从菜单中选择任何选项

与 LCP 一样，Google 在这里也对可接受的 FID 有一个特定的范围。 Fid 高达 100 毫秒 - 好，高达 300 毫秒 - 需要改进，高达 500 毫秒 - 差。

现在，对于一个完全基于内容的网页（例如，博客文章或新闻文章），FID 可能没什么大不了的，因为唯一的用户交互是放大和缩小或向下滚动页面。但是登录、注册或填写联系表格的页面，用户必须快速点击某些东西——FID 是一个重要因素。

以下是提高网站 FID 分数的一些措施：

#Defer or Minimize JavaScript –当浏览器加载 JS 时，用户不能与页面交互。因此，在您的页面上延迟 JS 或将其最小化是增强 FID 的关键。

#使用浏览器缓存——缓存有助于快速加载页面内容。利用这一点将帮助您的用户快速与页面交互。

#Remove Non-Critical 3rd Party Scripts –就像 LCP 一样，3rd 方脚本（如热图、Google Analytics 等）会对 FID 产生负面影响。

CLS 或累积布局移位

Cumulative Layout Shift 测量在页面的整个生命周期中发生的所有单独的布局变化的总和（包括在用户开始与页面交互之后）。它还考虑了移位的距离和相关区域的大小。

让我们用更简单的术语来解释它：如果页面上的元素在页面加载时四处移动，则它的 CLS 很高——这是一种很差的性能。页面元素在加载时应该相当稳定。这样，用户就不必重新了解图像、字段或链接的位置，或者在页面完全加载后错误地单击某些内容。根据 Google 的说法，网页 CLS 达到 0.1 是好的，达到 0.2 需要改进，达到 0.3 意味着差。

如果您正在检查您的网页 CLS，请务必在移动设备上进行检查。

以下是一些改进 CLS 的方法：

#Add New UI Elements below the Fold –这样，这些不会下推用户期望在页面加载时看到的内容。

#为广告预留空间——否则广告会突然出现在网页上并下推内容。

# Use Set Size Attribute Dimension for Media –这将帮助用户的浏览器了解视频、图像、信息图或 GIF 等媒体将占用多少空间，并且在页面完全加载后不会改变。

速度更新与页面体验——真正改变了什么

第一次，通过页面体验指标，谷歌不仅提升了页面速度，而且宣布了整体性能作为排名信号。它还定义了精确的指标（LCP、FID 和 CLS）以及每个指标的详细目标。因此，您的整体 UX 越好，您的页面体验得分就越高。

最后的话
那么，这是否意味着出色的页面体验分数会神奇地将您推向 Google 的第一名？最短的答案是“不”。谷歌本身已经提到页面体验是有助于提高网站排名的几个因素之一。你看，搜索引擎优化没有快速修复。你可以看看。根据顶级 SEO 机构专业人士的说法，实施正确的策略、最大的努力和耐心——这就是赢得比赛的秘诀！