如何使用热图提高网站的整体质量

热图可以是非常有用的工具。 它们使您能够以仅数字通常难以表示的方式跟踪您网站上的用户行为。 使用热图，您可以通过您的内容可视化访问者的旅程。 这使您能够快速识别痛点，从而改善他们的体验。

尽管 WordPress 不提供开箱即用的热图功能，但您可以使用插件轻松地将其添加到您的网站。 在本文中，我们将深入探讨热图的工作原理、您应该使用它的原因以及作为 WordPress 用户的选择。

让我们开始吧！

热图简介

如今，您可以跟踪有关访问者在您网站上的行为的各种数据。 您可以查看他们在哪些页面上花费的时间最多、他们与哪些链接进行交互、他们在每个页面向下滚动的距离等等。

大多数数据以数字的形式出现。 在某些情况下，很难想象这一切意味着什么。 例如，您可能知道哪些页面最受欢迎。 但是，这并不能说明为什么该特定内容会引起访问者的共鸣。

热图通过为您网站的某些分析创建可视化表示，使您能够采用不同的方法。 大多数情况下，该表示以页面顶部的叠加形式出现：

在上面的屏幕截图中，您可以看到页面的特定区域以较暖的颜色突出显示。 热图使用简单的颜色渐变，从冷色变为暖色。 颜色越“热”，页面特定部分获得的关注和互动就越多。

前面的示例演示了所谓的“点击”热图。 您可以使用多种类型的热图，稍后我们将深入研究其他类型。 通过点击热图，您可以直观地了解访问者对页面上的哪些元素最感兴趣：

大多数现代分析工具都会向您提供整个数据库。 但是，热图使您能够更直观地了解用户的行为。 如果您可以一眼确定页面上的哪些元素最受关注，那么您可以从这些数据中获得很多见解。

在我们继续之前，重要的是要提到热图不仅仅是网站分析的优秀工具。 热图无处不在，从天气报告到统计分析、金融市场可视化等等。 这些应用程序使阅读变得有趣。 然而，我们在这里讨论网站，所以让我们讨论该用例的好处。

为什么热图可以帮助您提高网站质量

正如我们之前提到的，如果您想从不同的角度进行网络分析，热图非常棒。 根据您想要优先处理的信息，您可以使用几种不同类型的热图。

我们已经讨论过点击热图。 有了足够的数据，点击热图可以告诉您页面上的哪些区域是“热点”。 理想情况下，您希望这些热点与关键元素对齐，例如号召性用语 (CTA)、产品、链接等：

如果您在页面上的关键元素周围没有看到足够多的活动，则可能表示用户体验 (UX) 问题、优化问题、文案不佳以及其他各种原因。 这给我们带来了一个关键点——热图并不能准确地告诉你需要修复什么。 但是，他们在为您指明正确的方向方面做得很好。 如果您的时事通讯注册按钮没有太多活动，您就知道这是一个需要测试和解决的元素。

继续，您还可以从使用“滚动”热图中受益。 这种类型的热图显示您的访问者在他们弹跳（离开页面）之前滚动了多远：

理想情况下，您希望地图的温暖区域尽可能向下，或者与页面的关键元素和 CTA 所在的位置对齐。 如果较暖的区域位于顶部，则通常表示页面的 UX 存在问题。 对于长篇内容，如果您的热图显示访问者没有向下滚动以继续阅读，您可能需要重新考虑您的内容策略。

如果您想了解有关用户活动的更多具体信息，五彩纸屑报告可能更符合您的喜好。 这种类型的热图显示了整个页面的各个点击。 区域越温暖，点击它的用户就越多：

五彩纸屑报告对于确定访问者单击的精确元素非常有用。 在许多情况下，您会注意到用户尝试单击非交互式元素。 这可能指向糟糕的设计选择。

如果您经营的是在线商店，这种类型的热图还可以让您深入了解结账流程。 您会希望尽可能简化结帐体验，并且弄清楚访问者在购买时点击了什么可以帮助您完善它。

很少有网站不能从使用热图中受益，特别是如果您定期运行 A/B 测试。 当您将 A/B 测试与热图结合使用时，您可以快速准确地了解哪些版本的页面在您的目标受众中表现更好。

当然，为了让热图为您提供准确的信息，您需要足够的数据。 少数访问者并不能准确代表您的受众。 如果您要根据数据做出决策，则它需要具有统计相关性。 因此，尽早设置热图解决方案是个好主意。 然后，您应该给它足够的时间来跟踪用户行为并生成准确的结果。

WordPress 的 3 个顶级热图插件

热图需要数据才能工作。 这意味着您需要一个与您的网站集成的分析引擎，收集用户信息，并基于它生成热图。 考虑到这一点，让我们来看看一些适用于 WordPress 用户的顶级解决方案。 我们将在此处介绍的三个插件中有两个需要您注册第三方服务。 因此，在评估您的选择时，您需要牢记这一点。

1.极光热图

Aurora Heatmap 是唯一推荐的 WordPress 热图插件，不需要您注册第三方平台。 使用 Aurora 热图，您只需设置插件即可访问所有页面的点击热图。 此外，您可以查看桌面版和移动版内容的单独热图。

该插件的高级版本还包括滚动热图，并且可以更长时间地保留数据。 数据保留可以派上用场，因为它使您能够分析用户随着时间的推移以及跨页面的多个版本的不同行为。

主要特点：

• 为您的页面设置点击热图
• 生成桌面和移动热图
• 跟踪页面上的点击次数

定价：免费，高级计划起价为每月 19.90 美元 | 更多信息

2. 疯狂蛋

Crazy Egg 是一种热图和 A/B 测试服务，您可以使用跟踪脚本或官方插件与 WordPress 集成。 如果您愿意向网站添加代码，则可能希望采用前一种方法。 毕竟，插件的唯一目的是为您添加跟踪脚本。

一旦您设置了 Crazy Egg 帐户，并且它与 WordPress 完全集成，您就可以生成点击、滚动和五彩纸屑热图。 更好的是，该平台使您能够记录个人用户会话。

这意味着，如果您在任何时候在解释数据内容时遇到问题，您都可以深入了解真实的用户会话，了解他们的行为方式。 但是，由于我们谈论的是外部服务，因此您需要从 Crazy Egg 平台访问您的热图和用户记录。

主要特点：

• 为您的页面生成点击、滚动和五彩纸屑热图
• 使用脚本或插件与 WordPress 集成
• 记录个人用户会话

价格：该插件是免费的，Crazy Egg 的计划起价为每月 24 美元 | 更多信息

3. Hotjar

Hotjar 是一个网络分析平台，专注于热图、用户记录、转化分析和调查。 该插件的作用是通过使用您唯一的站点 ID，帮助您将 Hotjar 帐户与 WordPress 集成。

一旦您将 WordPress 与 Hotjar 集成，您就可以为您的页面生成点击、滚动和“移动”热图。 该平台使您能够在每种类型的热图以及桌面和移动页面之间快速跳转。 与之前的插件一样，Hotjar 也记录用户会话。 它甚至可以让您做笔记和标记视频，以便它们可以轻松分类。

主要特点：

• 生成点击、滚动和移动热图
• 在几分钟内使用插件与 WordPress 集成
• 查看所有热图的移动和桌面版本
• 记录个人用户会话

价格：提供免费计划，高级选项起价为每月 29 美元（插件本身也是免费的）| 更多信息

您可以使用 Google Analytics 生成热图吗？

正如您现在所知，为了生成热图，您需要一个分析引擎。 考虑到 Google Analytics 是市场上最受欢迎的选项，您可能想要使用它是有道理的。

然而，问题是——谷歌分析不提供开箱即用的热图功能。 考虑到该平台为您提供了多少数据，这不是一个交易破坏者。 但是，如果您不打算向您的网站添加第二个分析引擎，它确实会带来问题。

有一些变通方法可以让您使用 Google Analytics 生成基本的热图。 例如，您可以使用 Google Tag Manager 跟踪点击事件，并使用 Data Studio 生成可视化报告。 这种方法的优点是您不需要使用 Google 系列之外的任何外部服务。 然而，除了非常简单的热图之外，生成任何东西几乎是不可能的。

第二种选择是使用 Crazy Egg 之类的服务，它提供与 Google Analytics 的基本集成。 Crazy Egg 提供免费的 Google Analytics 热图生成器。 它所需要的只是访问您的 Google Analytics（分析）帐户。 然后它可以获取生成点击热图所需的数据：

这可能是一种有用的方法，但仍然有些有限。 总体而言，如果您想访问更高级的热图，最好注册一项附加服务以与 Google Analytics 一起使用。

结论

您可能已经使用分析工具来深入了解访问者的行为。 任何现代分析平台都可以让您访问大量难以解释的信息。 热图可帮助您以比图表或图形更具交互性和可视化的方式获取数据并理解它。

如果您已经在使用 Google Analytics，那么坏消息是该服务不提供开箱即用的热图功能。 要访问 WordPress 网站的热图，您需要使用插件，例如 Aurora Heatmap、Hotjar 或 Crazy Egg。 幸运的是，这些解决方案易于设置和使用。

您是否在 WordPress 上使用过任何热图工具，您的体验如何？ 让我们在下面的评论部分谈谈！

文章缩略图来自 octomesecam/shutterstock.com