Google 页面体验更新的更新信息
已发表: 2021-04-01谷歌去年宣布，他们将对网站的核心排名因素进行更新。 尽管谷歌不断更新其算法以更好地为用户服务，但谷歌并不经常宣布改变排名因素或明确说明排名因素。
考虑到这一点，让我简要介绍一下当前的排名因素，5 月份的更新会发生什么变化，以及如何为这次更新做准备。
当前经验排名因素
目前有四个明确规定的经验排名因素：
- 移动友好性
- 安全浏览
- 安全 HTTPS
- 没有侵入性的插页式广告。
这些因素会影响网站的排名，并创造更安全的用户体验。 网站的每个页面都应该适合移动设备，并且可以跨设备高效使用。 它们应该具有安全连接(HTTPS)，并且不会伤害与网站交互的用户（安全浏览）。 最后一个因素，没有侵入性的插页式广告，是指烦人且通常有害的弹出窗口。
就目前而言，上述排名因素主要集中在网站的功能和安全性上。 然而，用户与网站的交互不仅仅是功能。 谷歌在 5 月份推出的新更新中已经考虑到了这一点。
Page Speed 体验更新将于 2021 年 5 月推出
5 月的更新将侧重于用户对网站的体验以及页面的功能。 将添加三个核心 Web Vitals (CWV) 到已知排名因素：加载、交互性和视觉稳定性。
- 加载——这将通过最大内容绘制 (LCP) 来衡量，或者当页面的最大视觉元素加载到页面上时。
- 交互性——这将通过首次输入延迟 (FIP) 来衡量，即用户交互（即单击按钮）与浏览器对操作的响应之间存在多长时间的延迟。
- 视觉稳定性——这将通过累积布局偏移 (CLS) 或用户滚动时页面元素的稳定性来衡量。
这些因素中的每一个都衡量用户在浏览网站时的体验。 如果页面加载不快，即使内容非常棒，用户也可能在阅读内容之前就离开了。 如果用户不能足够快地单击按钮或与页面交互，则会在用户体验和他们完成所需任务（即购买商品）的能力方面产生摩擦。 最后，如果用户试图与页面进行交互，但当他们点击按钮时页面移动了，这可能会导致令人沮丧的体验。 可以在这里看到一个很好的例子。
目前，没有明确定义的指标来衡量用户对网站的体验，而这正是谷歌试图改变的。 在优化网站时，用户体验是非常重要的考虑因素，而且要考虑的不仅仅是速度。 为用户创造最佳体验将鼓励他们返回您的网站，并更快地提供他们正在搜索的内容。
John Mueller 表示，Core Web Vitals 将使用域级别（或网页分组）的字段数据来建立排名。 现场数据意味着排名将基于真实的站点交互而不是模拟交互，例如实验室数据，并且算法将查看用户与之交互的所有页面（有时包括无索引页面）。 在域级别查看 CWV 意味着 Google 将分析整个网站，而不是逐页分析。 这是由于某些页面没有足够的数据点让谷歌做出准确的排名。
虽然谷歌更加关注用户体验，但这并不意味着内容或其他指标将被忽略。 在对页面进行排名时，Google 的算法将考虑所有排名因素、新的 Core Web Vitals、链接和内容。
此外，Google 愿意接受有关 CLS 指标的反馈。 您可以阅读有关该指标的开发人员计划的更多信息，并就他们可能会惩罚引人入胜的页面的解决方案提供反馈。 他们正在研究的两个问题是移动内容的无限滚动页面或单个应用程序页面。
[案例研究] SEO 讲故事来销售您的 SEO 项目
阅读案例研究如何准备
谷歌宣布他们将在 2021 年 5 月推出此更新； 这为我们提供了两个多月的时间来准备和优化网站。 我们可以分析各种工具和常见问题，以确保网站已准备好进行更新。
工具
以下工具按简单性和易用性列出，从最简单的工具到最适合开发人员的工具：
- Search Console 的新核心网络生命力报告已集成到 GSC 中，以汇总您网站的表现。 它可以在左侧菜单中找到。
- Web Vitals Chrome 扩展，用于从浏览器快速访问用户体验指标。
- PageSpeed Insights 着眼于网页的速度，并将纳入新的体验指标。
- DevTools 中的 Lighthouse 允许您在任何页面上运行报告，并显示可访问性、安全性、页面速度和体验、SEO 等的质量。
- DevTools Performance 面板中的 Experience 部分可以更准确地描述 CLS 发生的位置。
- 新的 Chrome 用户体验报告 API 可让您访问长达 28 天的 URL 历史体验数据。
行动
以下是准备 2021 年 5 月更新时从哪里开始的一些建议。 它们将按技术和内容准备进行分组。
技术准备
- 为图像和其他元素指定空间——这种优化与 CLS 和用户的页面体验直接相关。 尝试单击按钮只是让页面移动并且您点击加载广告是令人沮丧的。 为避免这种体验，您可以在 CSS 中指定图像并添加尺寸。 这告诉浏览器稍后会加载某些内容，并会减少页面的“跳跃性”。
- 加快服务器速度——服务器响应请求的速度越快，页面加载速度就越快。 最好评估您的托管平台、服务器的设置方式以及数据库的工作方式。 托管平台应该以合理的价格表现良好，并且服务器应该使用最新版本的 PHP 进行设置。 了解您的数据库如何工作以及服务器如何响应请求可以揭示提高速度的机会。 考虑 CDN（如 Cloudflare）和首字节时间 (TTFB) 也很重要。 Cloudflare 集成了有助于加快网站速度的机制，例如服务器更接近以及存储资产的自动缩小和压缩。 这对于技术栈较旧的网站很有帮助。
- 关键 CSS – 为了减少服务器响应每个请求所花费的时间，您可以查看关键 CSS。 CSS 文件往往很大，浏览器读取、处理和呈现页面需要一段时间，这意味着用户查看页面需要更长的时间。 在 HTML 中添加专用于首屏内容的 CSS 并稍后加载更大的文件有助于改进 LCP。 通过使用 CSS 详细说明页面的关键元素并将其内联到代码中，页面可以加载得更快——增强用户体验。
- 加载第三方脚本– 页面速度也会受到外部来源的影响，例如第三方广告脚本。 如果您使用广告脚本，请确保您确实想要使用该广告脚本并考虑异步加载脚本。 这允许浏览器在请求外部信息之前构建页面。 您还可以向
script标签添加 async 或 defer 属性以帮助加载，这会告诉浏览器在后台加载脚本时继续渲染其他元素。 另一种选择是测试带有和不带有脚本的页面，以查看哪些脚本对 LCP 和 CLS 有很大影响。 - 查看没有索引的页面– 由于 Mueller 关于在域级别分析网站或使用 CWV 页面分组的声明，因此查看没有索引的页面以提高速度性能非常重要。 尽管谷歌不会在搜索结果中对这些页面进行排名，但用户会与没有索引的页面进行交互，这就是更新的重点——用户交互。 这对于没有很多页面供 Google 逐页收集数据点的小型网站尤其重要。 较大的网站可能能够避免页面速度慢、无索引的问题，但他们应该意识到 Google 可能会在 WCV 排名信息中使用它们。
[案例研究] SEO 讲故事来销售您的 SEO 项目
阅读案例研究内容准备
- 图片——网页上的图片会影响每个核心网络生命力。 正确上传所需大小的图像并很好地压缩它很重要。 图片往往对 LCP 的影响最大，优化图片会对用户的第一印象和页面体验产生巨大影响。 通过 srcset 属性定义像素大小以响应浏览器的大小、rel=preload 函数以及使用 WebP 格式也很有价值。
功能 例子 srcset 属性 img src="small.jpg" alt="…"/相对=预载 link rel="preload" as="image" href="important.png"WebP 格式 下载适用于 Linux、Windows 或 Mac OS X 的预编译 cwebp 转换工具。 一起使用这些功能可以显着提高页面加载速度。
要记住的功能
除了 CWV 排名因素和新工具外，谷歌还表示，无论 AMP 设置如何，表现出色的网站都可以出现在头条新闻中。 对于任何与新闻相关的网站或那些试图通过文章获得知名度的网站来说，记住这一点很重要。
此外，Google 可能会在搜索结果中突出显示表现异常出色的网站，这些网站可以在 Google Search Console 中进行监控。 新图标将如下所示： 
Peyman Khalili 的截图
在查看精选片段以及您的网站为给定查询控制多少 SERP 时，请记住这一点。
谷歌尚未宣布推出的确切日期或它将对网站产生多大的影响。 但是，有了这个提前通知和新排名因素的公告，我们可以让网站尽其所能做好准备。