经过一年多的期待，谷歌的页面体验更新终于(几乎)出来了。

在我们开始看到这个算法更新之前，网站所有者还有几周的时间，这意味着还有时间来评估和对你的网站做出有益的改变。

以下是关于这次更新你需要知道的一切:

什么是页面体验更新?

页面体验更新是谷歌排名算法的改变，将于2021年夏季推出。该系统将于6月开始投入使用，预计将于8月底完工。

这次更新通过将3个信号合并到与用户体验相关的算法中，提高了网站优秀用户体验的重要性:

  • 最大含量涂料(LCP):加载速度。
  • 第一输入延迟(FID):响应性和交互性。
  • 累积布局移位:视觉稳定。

综合起来，这三个要素被称为核心网络要素。

此外，该更新将取消使用AMP平台构建页面的要求，以在移动热门故事旋转木马中发挥作用。

什么是核心网络要素?

3个核心Web重要指标是LCP、FID和CLS，它们都与页面加载的速度有关。

最大内容油漆(LCP)，解释说

目标分数:2.5秒或更短。

这试图衡量主要内容页面加载的。为了确定页面的哪个组件是“主”组件，该指标关注以下内容:

  • < img >元素。
  • 在元素中的元素。
  • <视频>元素。
  • 通过url()函数加载的带有背景图像的元素。
  • 块级元素，包含文本节点或其他内联级文本元素的子元素。

这个列表特意很小:谷歌让这个列表对于初学者来说很简单。

该指标确定页面上上述元素中最大的一个，然后衡量问题元素相对于页面开始加载时的加载速度。

第一输入延迟(FID)，解释

目标分数:100毫秒或更短。

这旨在衡量从用户在页面上采取行动(如单击链接)到站点真正能够开始处理该事件所花费的时间。

这是一个非常具体的指标，只涉及:

  • 的第一个来自用户的输入;不考虑随后发生的事件。
  • 的延迟在事件处理;而不是实际事件处理时间本身。

的事件离散行为比如点击或点击;滚动和缩放不计入FID。

累积布局移位(CLS)，解释

目标分数:0.1或更少。

如果你曾经尝试点击网页上的一个按钮或链接，结果内容发生了变化足够的你就会明白为什么CLS是用户体验的一个重要因素。

布局移位得分是通过将帧的影响分数乘以帧的距离分数来计算的。累积布局移位度量总计在整个页面上的所有布局转换分数。

这里有一些对理解CLS很重要的词汇:

  • 不稳定的元素:在帧之间改变其起始位置的可见元素。
  • 布局转变:任何时候一个不稳定的元素在渲染帧之间改变位置。
  • 用户发起的布局转变:每次在用户输入后500毫秒内发生布局移位(可能触发预期的移位)。
  • 意想不到的布局转变:一个不是由用户发起的布局变换，或者一个使用CSS transform属性设计的元素(例如，一个有意的动画或过渡)。
  • 影响分数:前一帧和当前帧的所有不稳定元素的可见区域的联合，写为总视区区域的一个部分。
  • 距离分数:任何不稳定元素移动的最大距离，除以视口的长度或宽度(以较大的为准)。

下面是影响和距离分数的样子:

在本例中，内容占视口的50%。影响布局移动0.75，因为内容移动了25%的视口，内容仍然可见(如果内容移出屏幕，不再可见的百分比将不包括在内)。50% + 25% = 75% = 0.75。

距离分数是0.25，因为内容在视口中移动了25%。

这个例子的布局移位得分是75% * 25% = 0.1875。如果页面上有多个项目，它们将被添加到一起生成CLS。

7页体验信号

谷歌使用7种信号来评估一个网页的体验:

  1. 连结控制协定。
  2. FID。
  3. CLS。
  4. 适合移动设备。
  5. 安全浏览。
  6. HTTPS。
  7. 没有侵入插页式广告。

前3个是核心网络要素。以下是最后四个信号的细节:

页面,解释

排名因素自2018．

移动友好页面在移动设备上看起来很好，工作正常。这意味着它们会根据设备的特定特性(如屏幕分辨率)自动调整，而且易于阅读和交互，无需放大、左右滚动等。

安全浏览,解释

排名因素自2007．

安全浏览网页不会恶意或欺骗。

恶意内容对于用户交互是危险的，例如恶意软件。

欺骗性内容旨在欺骗用户采取危险的行为，如与不可信的来源分享个人身份信息。

HTTPS,解释

排名因素自2014．

该网站通过更安全的HTTPS而不是HTTP提供服务。今天所有网站应该在HTTPS;如果你的网站不是，以下是更新指南．

没有侵入性间质，解释

排名因素自2017．

插页广告是指在预期内容加载之前或之后显示的网页，会阻碍用户轻易访问内容。它们可以采取多种形式，包括覆盖内容(不只是广告)的弹出窗口，访问内容之前必须删除的框等等。

在页面体验更新中生存下来的技巧和工具

现在，每个网站所有者心里都有一个问题:我如何确保我的网站经受住了这次更新?

在谷歌的大多数更新之后，答案总是归结为确保你的内容是质量。这对这次更新是正确的:

“谷歌仍然寻求用最好的信息对页面进行排名，即使页面体验是低于标准的。优秀的页面体验并不会覆盖优秀的页面内容。”

这是一种解脱，但只是一种小小的解脱，因为有时你的内容和你的竞争对手的内容在质量上非常相似(特别是如果你做的搜索引擎优化写作是正确的)。在这种情况下，谷歌会选择页面体验更好的页面。

考虑到这一点，以下是一些你可以采取的行动，以准备页面体验更新rollout:

1.检查所有7页体验信号

从第1点开始:你的网站目前如何比得上这7个页面体验信号?有一些工具可以帮助你评估每一个:

这是一个更来自谷歌的完整列表。选择一个(或一对)，看看他们说你的网站。

2.评估用于新闻传送带的AMP和非AMP内容

AMP不会去任何地方，所以如果你已经在使用它并且喜欢它，没有必要改变。

AMP可以轻松地提供所有与页面体验相关的标准。如果您在内容中使用AMP，那么它很可能已经达到了页面体验信号的标准。

不过，仔细检查仍然是个好主意。使用AMP的经验指导来评估你的网站内容。

如果你还没有使用这项技术，你可以去这里开始使用AMP为您的网页，故事，广告和电子邮件。

如果您有非amp内容，您的内容现在将有资格被拉入Top Stories旋转木马，只要它满足谷歌新闻政策．根据7页经验信号来评估也是一个好主意。

3.确保你的内容都是高质量的

一如既往，内容质量仍然应该是每个网站所有者的头等大事。要了解更多关于如何根据谷歌算法更新您的网站内容，遵循本文中的5个步骤．

谷歌专注于页面体验的简短历史

谷歌多年来一直关注页面体验。以下是一个简短的时间轴，说明了搜索引擎如何提高网站体验的重要性:

2015年10月7日:加速移动页面项目宣布

2015年，该搜索引擎宣布开放源代码倡议目的是改善移动网络体验。

使用精简版的HTML, AMP使网页更容易在移动设备上快速加载，允许用户即时访问内容。谷歌邀请用户更多地了解AMP，通过讨论为项目做出贡献，并鼓励网站所有者开始试验AMP。

2016年2月24日:AMP页面进入SERPs

项目宣布后不久，我们开始看到AMP页面突出显示在一个新的SERP特性中，AMP新闻传送带。顾名思义，只能提供AMP页面。

这样做的好处是，它确保了所有用户，无论他们选择的设备是什么，在访问这些新闻故事时都有一个良好的用户体验。另一方面，批评人士认为，它给予谷歌对网络的过度控制。

2017年10月23日:Chrome用户体验报告发布

谷歌发布了Chrome用户体验报告，这是一个给网站所有者更大的新工具洞察用户体验他们的网站。该报告显示了与页面速度相关的指标，包括核心Web Vitals信号的一些关键组件。

2020年5月5日:Web Vitals和核心Web Vitals推出

Web命脉谷歌是否创建了一个程序来帮助网站所有者评估自己网站的页面体验．

核心Web命脉是一组测量用户体验的3个特定信号:

  • 最大内容油漆(LCP)。
  • 第一输入延迟(FID)。
  • 累积布局移位(CLS)。

2020年5月28日:页面体验更新宣布

谷歌宣布计划创建一个由LCP、FID和CLS组成的新信号，合并后将成为整个页面体验信号的一个组成部分。以下是一幅图像，让这个令人困惑的搜索信号变得更容易理解:

除了宣布这一新的排名因素外，谷歌还指出，网页将不再需要AMP才能被拉入移动Top Stories旋转栏。

2020年11月10日:页面体验更新日期公布

谷歌宣布页面体验更新将于2021年5月开始推出。它还预告了一个即将在serp中出现的可视指示器:an突出显示页面的图标拥有“很棒的页面体验”。

2021年4月19日:推迟推出

时间更新:页面推广经验预计将于2021年6月中旬开始，并于8月底完成。

此外，谷歌宣布AMP标记将不再表明哪些页面是在平台上构建的。

额外的资源

Molly Ploe是Brafton的营销专家。当她不写作的时候，她就把时间花在阅读、散步和往冰淇淋上撒蜂蜜上。