HubSpot 用户克服核心 Web Vitals 更新的 6 种方法

已发表: 2021-08-20

HubSpot 用户：您最后一次检查页面速度是什么时候？ 如果已经有一段时间了，你有一些工作要做。 原因如下：

谷歌已经开始推出期待已久的页面体验更新。 新的排名算法预计将在 2021 年 8 月底完成。网站速度、整体用户体验和页面响应能力将成为决定搜索引擎排名的三个关键因素。 Google 创建了三个称为 Core Web Vitals 的指标来衡量网站在更新之前的页面体验。

有多种工具可以帮助您衡量这些核心 Web Vitals 和大量提示来帮助您改进它们，但作为 HubSpot 用户，其中一些建议可能不是最合适的。 这就是为什么我们整理了这个 HubSpot 特定的指南来克服页面体验更新。 以下是 HubSpot 用户克服 Core Web Vitals 更新的 6 种方法。

1. 了解什么是核心 Web Vitals

首先，让我们确保我们对什么是核心网络生命力、如何衡量它们以及良好的分数有一个深刻的了解。 一个公平的警告——这些术语听起来有点复杂。 但是当你分解它们时，它比看起来要简单得多。

构成 Google Core Web Vitals 的三个指标是：

  • Largest Contentful Paint (LCP) - 这可以衡量您网站的速度。 该指标是指页面上的主要内容加载到用户屏幕上所花费的时间。 将其视为单击链接后加载内容所需的时间。
  • 第一输入显示 (FID) - 这测量页面上的交互性。 它衡量用户与您的网站交互所需的时间。 例如，当有人单击按钮时，FID 会测量实际处理该请求所需的时间。
  • Cumulative Layout Shift (CLS) - 衡量页面加载时的稳定性，或“视觉稳定性”。 高 CLS 意味着页面上的元素在加载时会移动很多，这不是一个好的用户体验。

除了这些指标外，谷歌还建立了基准，用于确定页面是否符合核心 Web Vitals。 这是目标：

  • LCP - 页面应在登陆后 2.5 秒内加载主要内容。
  • FID - 用户应在登陆页面后 100 毫秒内与页面进行交互。
  • CLS - 累积布局偏移分数应小于 0.1，这意味着页面布局几乎没有跳跃。

既然您知道应该得分，那么您如何衡量您网站的核心 Web 生命值？ 谷歌通过添加几种新方法来衡量这些指标，让网站所有者变得非常容易。 我们不会在这里全部介绍它们，但也许最简单的方法是前往Page Speed Insights并输入您的 URL。 您将自动获得分数和提高该分数的建议。 该页面还将告诉您您的分数是否合格。

谷歌的核心网络生命力

2. 使用 HubSpot 的 SEO 推荐工具

对 Google 的 Core Web Vitals 有深入的了解后，您就可以利用 HubSpot 的工具了。 为了准备页面体验更新，HubSpot 改进了他们的SEO 推荐工具，以包括帮助您提高 Core Web Vital 分数的指标。 查看这些建议以及 Google 的建议很有帮助，因为 HubSpot 会根据他们的网站平台为您提供独特的建议。

hubspot seo工具 你如何使用这个工具？ HubSpot 对其用户来说非常简单：

  1. 在您的帐户中，前往您的营销中心。
  2. 导航到“网站”并单击“SEO”。
  3. 您将看到一个扫描新域以获取建议的选项。
  4. 输入您的网站域，然后单击“扫描 URL”。
  5. 扫描完成后，单击“查看建议”。
  6. 您会注意到 HubSpot 为您提供了七个类别。 根据页面体验更新添加了性能、安全性和用户体验。

HubSpot 的 SEO 推荐工具为您提供了一个很好的起点，可以让您在 Google 的推出完成之前找出您网站的哪些区域可能需要改进。 但是，如果需要，您可能还需要评估和调整其他一些 HubSpot 特定的调整。

3. 延迟加载大图

快速 LCP 或页面加载时间的最大障碍之一是大图像或视频文件。 最佳做法是在将图像托管到您的 HubSpot 站点之前尽可能地缩小和压缩图像。 但有时，您无法避免拥有更大的文件大小。 这就是您想要利用所谓的“延迟加载”的地方。

延迟加载就像听起来一样。 在您滚动到该图像所在的页面部分之前，您的页面上的图像不会完全加载。 取而代之的是一个低质量的缩略图，直到滚动条到达图像。 通过不完全加载这些较大的文件，页面加载时间会显着减少。

过去，作为 HubSpot 用户，要实现延迟加载，您必须在自定义模块中添加代码。 这意味着您需要 Web 开发人员的帮助。 现在，HubSpot 允许您在默认模块中实现延迟加载。 这意味着您可以在使用默认图像模块创建登录页面、博客文章或其他网站页面时轻松启用延迟加载。

如何？ 只需将图像模块添加到页面并在“图像加载”切换中选择“延迟加载”。 就这么容易。

hubspot 延迟加载 在开始对所有图像执行此操作之前，请注意。 延迟加载图像有时会影响您的页面布局或用户体验。 所以战略性地使用它。 文件大小已经很小的图像可能不需要它。

4.仔细检查智能内容

智能内容是 HubSpot 中的一个有价值的工具。 但如果使用不当，可能会影响用户体验。 我们建议仔细检查您拥有智能内容的所有页面。 个性化有意义吗？ 它是否按照用户期望的方式执行？

通常，HubSpot 在使用智能内容工具时非常适合加载正确的内容。 但是，在分析您的 Core Web Vitals 和您网站的性能时，最好自己测试一下体验。 确保所有内容都按预期加载，并且页面布局正常运行。

您可能还想分析智能内容的性能。 查看总页面浏览量、表单提交、CTA 点击量，以确定用户是否对您的智能内容做出了适当的响应。 如果没有，也许是时候重新考虑如何呈现这些内容了。

5.延迟你的聊天工具

你使用 HubSpot 的聊天工具吗？ 您可能非常喜欢它，我们明白了。 这是转换流量和潜在客户生成的一个很棒的功能。 不幸的是，它对您的页面速度有很大影响。

不，我们不是要你摆脱它。 但是你可以做一些事情来优化它，这样它就不会减慢你的网站速度。 您可以延迟聊天的加载时间，以便在您的页面为用户完全加载后才会出现。 就是这样：

  1. 导航到对话 -> 聊天流。
  2. 在您要更改的聊天流上单击“编辑”。
  3. 在“显示”和“聊天显示行为”下，您会注意到编辑页面时间的提示。

输入您希望延迟聊天的秒数。 这将延迟您的聊天在设定的时间内加载。 HubSpot 建议将5 秒作为最佳实践。

6. 小心 HubSpot 表格

HubSpot 的表单和 CTA 可以对页面速度产生相当大的影响，尤其是在移动设备上。 为什么？ 每个表单和 CTA 都有自己的 Javascript，这需要大量的加载时间。

简单的解决方法是谨慎使用表单和 CTA。 不要总是选择按钮。 有时您可以使用常规超链接代替 CTA 并获得相同的结果。 您还希望在放置表单和 CTA 的位置更具战略性。 例如，许多公司非常关注潜在客户的产生，以至于他们选择在其网站上几乎每个页面的页脚处填写表格。 这真的有必要吗？

使用数据来推动您的决策。 访问哪些表单表现良好，并将其与增加页面加载时间的好处进行比较。 确定提高页面速度是否值得删除特定表单或 CTA。 您还需要测试超链接 CTA 的结果。 如果它们表现得一样好，那么您已经发现了一种捕获潜在客户并减少页面加载时间的方法。

我改进了 HubSpot 网站的 Core Web Vitals。 我什么时候能看到结果？

这是一个很难回答的问题。 这首先取决于您的 Core Web Vitals 有多差。 如果您在某个地方得分为红色，而现在您得分为绿色，您可能会看到网络流量发生了一些非常剧烈的变化。

但好处不仅仅是搜索排名和流量。 您也可能会看到转化次数的增加。 想想看。 如果您提供更好的整体用户体验，页面加载时间更快，页面切换很少甚至没有，用户不太可能对您的网站感到沮丧并因此而反弹。

因此，虽然我们不能保证您会立即看到搜索引擎排名的提升，但我们可以打赌，通过花时间改善您的 Core Web Vitals，您将拥有更快乐的网站用户，从而获得更多流量更有可能转化。