如果 Google SEO 对您的网站很重要,那么今年夏天就是更新核心的时候了。

6 月中旬,Google 将开始使用页面体验作为排名因素。 直到 8 月,它才会对排名系统产生全面影响。

现在是检查 Core Web Vitals 的时候了,这些元素对用户体验很重要。 您需要让它们变得强大,以便 Google 能够接收它们。

今年夏天,用户体验 (#CoreWebVitals) 成为 @Google 排名因素。 您的网站准备好了吗? @ab80 @CMIContent #SEO 点击推文

即使您不是网站管理员或编码员,您也应该了解这一切的含义和术语,以便您可以倡导改进并与您的技术团队密切合作以实现它。

如果你在技术方面,这可以是一个有用的复习,专门为你编写的优化部分。

精选相关内容:如何让 Google 算法为您服务

什么是 Core Web Vitals?

核心 Web Vitals 包含页面体验元素。 与 Google 漫游器从您网站上抓取的其他数据不同,这些数据涉及从 Chrome 使用中获取的用户行为。

@ab80 通过@CMIContent 说,您网站的#CoreWebVitals 数据来自您网站上的真实用户行为。 #SEO 点击推文

要查看您网站的 Core Web Vitals,请登录您的 Google Search Console 帐户,然后转到 Experience > Core Web Vitals 报告:

提示: 要深入挖掘,请打开报告并单击要调查的问题行。

该报告反映了两个用例——移动和桌面。 尽管谷歌没有说明哪个更重要,但将移动报告置于桌面报告之上可能是一个微妙的指标。 此外,虽然不是排名因素,但 Google 对 AMP(加速移动页面)非常感兴趣。

记住这一点,移动优先的方法可能对您网站的 Core Web Vitals 影响更有帮助,但这并不意味着您可以忽略桌面版本。

精选相关内容: 您应该为 Google AMP 和 Facebook 即时文章优化内容吗?

学习行话

页面分析提供了四个重要指标:首次内容绘制 (FCP)、最大内容绘制 (LCP)、首次输入延迟 (FID) 和累积布局偏移 (CLS)。 它还可以方便地将指标的性能显示为好、需要改进或差。

第一个内容丰富的油漆

第一次内容绘制 (FCP) 测量从页面开始加载到内容的任何部分出现在屏幕上的时间。

内容最丰富的油漆

最大内容绘制 (LCP) 衡量页面的加载速度 – 单击链接和第一次查看页面上最大内容元素之间的时间。 与 FCP 不同,LCP 是总页面加载速度的更好指标,因为最大的元素通常是最后加载的元素之一。

首次输入延迟

首次输入延迟 (FID) 衡量页面的交互性和响应性 – 用户交互和浏览器对页面上该交互的响应之间的时间。 该指标无法模拟,因为它需要真实的用户交互。

FID 分数的影响取决于页面类型。 例如,博客页面的 FID 指标不会那么重要,因为博客页面不是为交互而创建的。 但是订阅或下载页面的 FID 分数很重要,因为它们需要用户的输入。 这些是您应该努力在 FID 分数中达到绿色的页面。

累积布局偏移 (CLS)

Cumulative Layout Shift 显示页面的视觉稳定性。 它可以帮助您了解用户遇到意外布局变化的频率。 例如,页面元素可能会在加载时改变位置,导致快速点击的访问者被带到他们不想要的页面。

了解您的页面分数

您可以在 Google Search Console 中查看您的 Core Web Vitals 报告或输入 URL PageSpeed Insights 工具来查看此分析。

下面是CNN国际主页(http://edition.cnn.com)手机版的分析:

提示: 如果您使用 Core Web Vitals 报告来检查您的指标,请单击受影响的 URL 转到 PageSpeed Insights 以获取以下信息。

PageSpeed Insights 报告确定了改进机会:

当您单击右侧的向下箭头符号时,您将看到推荐的修复程序 – 如上面的预加载密钥请求类别所示。

@ab80 通过@CMIContent 说,您的@Google PageSpeed Insights 报告通过推荐的修复确定了机会和诊断。 #SEO 点击推文

该分析还提供了诊断报告。 与机会报告类似,当您单击向下箭头符号时,会显示更多详细信息和建议:

提示: 在 PageSpeed Insights 中,您一次只能检查一个页面,因此分析所有网站的页面并保存结果可能具有挑战性。 对于快速批量检查,您可以使用 SEO 工具,如 WebSite Auditor(披露:我为公司工作)和 Screaming Frog 收集网站每个页面的 Core Web Vitals 数据。

图片来源

如果您是网站管理员,请阅读此内容(否则,请跳到最后)

大多数这些修复都需要了解并访问网站的后端。 如果那不是您,请转到最后一部分。 如果是,请继续阅读以了解 LCP、FID 和 CLS 的一些优化技巧。

针对 LCP 进行优化

鉴于 LCP 测量页面最大内容元素的加载时间,优化该元素使其不会太重。

确保页面顶部附近有有意义的元素(第一个最大的内容元素)(标题和 svg 元素不计算在内。)否则,LCP 的加载时间会更长,从而损害您的 LCP 分数。

尽可能减少 JavaScript 和 CSS,因为它们会减慢页面速度。 对第三方脚本进行类似的减少或消除。 (每个第三方脚本都会使页面变慢 34 毫秒。)

设置延迟加载。 此功能允许浏览器仅在用户向下滚动页面时加载图像和视频等内容,从而使 LCP 实现更快。

优化 FID

大量 JavaScript 是获得良好 FID 分数的最常见障碍。 摆脱过多的 JavaScript。 在其他选项中:

  • 将长时间运行的代码分解为更小的异步任务。
  • 优化页面以进行交互准备。
  • 摆脱过多的第三方脚本。
  • 使用网络工作者。
  • 启用页面缓存以获得更快的响应。

优化 CLS

CLS 可能是与内容最相关的 Core Web Vital。 要降低 CLS 分数:

  • 为任何媒体(图像、GIF、视频等)设置 size 属性尺寸,以告诉用户的浏览器每个元素应该占用多少空间/
  • 为页内广告预留一个位置,这样它们就不会突然出现在加载页面的中间。
  • 将新的 UI 元素放在折叠下方,这样页面的已加载部分就不会移动。
WordPress花园建议你也读一下这篇文章  WordPress怎么做谷歌SEO优化?合理运用标签tags能够在Google获得更多曝光度!

对于那些想要深入研究所有 CLS 优化技术细节的人,谷歌的 John Muller 推荐了几乎完整的累积布局转换指南。 它仔细解释了 CLS 的所有特性,可能对 SEO 和网站管理员很有用。

精选相关内容:为什么您的内容营销团队需要开发人员

从强势位置优化

虽然页面体验优化的执行是非常技术性的,但所有内容营销人员都可以通过了解语言以及重要内容和原因的元素而受益。

事实上,Core Web Vitals 优化是一个调整步骤。 内容质量和反向链接配置文件仍然是最有影响力的因素。 毕竟,如果搜索者不想阅读您的内容,加载时间和用户体验并不重要。

精选相关内容:您希望内容获得的 3 种反向链接(以及如何获得它们)
今年 6 月 8 日至 10 日,与您的内容营销人员一起参加虚拟内容技术峰会,讨论技术。 今天注册。

封面图片由 Joseph Kalinowski/Content Marketing Institute 提供