我想您会同意,尝试将其他人的建议应用于您的网站存在一个巨大的问题:他们的网站与您的网站完全不同。

您有不同的目标受众、独特的产品、独一无二的产品,并且不分享他们的问题。 热图分析教导了一些明确的原则,您可以采纳其中的一些建议,应用它并发展您的网站——但千篇一律的方法不是答案。

今天,我将向您展示如何使用提供可操作数据的工具来运行热图分析,具体说明如何 您的 访客使用 您的 地点。

热图向您展示您网站上最具战略意义的机会……而不是其他人的。

别担心。 我们将为您提供 5 个步骤来设置您自己的热图并充分利用它们。 我们还将向您展示真实案例研究,以便您了解如何使用热图数据来提高转化率。 案例研究显示,来自访问者的点击次数超过 1,000,000 次。

什么是热图(以及为什么重要)

使用热图,您将准确了解访问者如何使用您的网站。 不用猜测,你会知道 确切地 如何改变您网站的设计、流程和布局,让访问者(和您的底线)满意。 热图跟踪可让您将 Google Analytics 无法提供的数据可视化。 在一周内,您将获得超级可操作的信息,您可以使用这些信息从您的网站产生更多潜在客户和销售额。

热图将向您展示:

  • 如果您的访客因太多选择而分心
  • 如何提高转化率
  • 如何获得更多电子邮件订阅者
  • 从页面中强调、重新调整用途和删除的内容
  • 哪些图像可重复用于广告、销售页面和电子邮件

案例研究:Lindsey Martin 如何使用热图查找高转换率图像

营销顾问 Lindsey Martin 在客户的推荐页面上使用热图来查看哪些图像效果最好。 以下是林赛不得不说的话:

热图使我们能够看到人们最感兴趣的图像。 然后,我们可以为我们的广告或任何特色博客突出显示这些图像,并寻找类似的图像以在将来突出显示。

热图数据可以回避有关在重要着陆页上使用哪些图像的问题。 以下是一个推荐页面热图的示例:

显示推荐页面上的热图活动的屏幕截图

以下 5 个步骤将帮助您创建成功的热图活动并改进您的网站。

第 1 步:选择您的第一页进行测试

不要马上测试所有东西——那会导致分析瘫痪。 相反,专注于您最重要的一两个页面来设置热图活动。 如果您有博客,请关注您的主页。 如果您有电子商务商店,请在最畅销产品的页面上设置热图。

以下是您可能想要测试的页面的完整列表:

  • 主页
  • 产品页面
  • 链接页面
  • 登陆页面
  • 资源页面
  • 常见问题页面
  • 投资组合页面
  • 热门博客文章
  • 感言/其他人在说什么页面

案例研究:Bros Leather Supply Co 如何选择要测试的页面

Bros Leather Supply Co. 是选择正确页面进行测试的一个很好的例子。他们有选择地选择了主页、商店页面和前两个产品页面。 提高这些页面上的转化率会对销售和底线产生重大影响。 下面是他们最畅销的产品“The Classic”包的热图。 很明显,用户喜欢这些图像,并想看看他们可以选择哪些选项(尺寸、肩带垫、个性化)。

创始人亚当凯尔写道,“热图增强了我们对所有产品页面上精美图像的需求。 我们过去常常沉迷于正确的副本——但现在我们花时间让图像恰到好处。 每张图片都显示了我们包的不同用途或角度……未来的客户想知道包里有笔记本电脑的样子,什么时候装满,什么时候有人穿着。

产品页面上使用的热图的屏幕截图

第 2 步:选择目标

您的第一步是为每个页面选择一个目标。 让我们以您的主页为例。 您希望每个访问者在您的主​​页上做的第一件事是什么?

您的 #1 事情的示例可能是:

  • 注册电子邮件列表
  • 下载应用程序
  • 安排会议
  • 阅读并分享最新的博文
  • 安装您的插件/软件/工具
  • 订阅试用期

把你的目标写在一张纸上。 如果您要在多个页面上设置热图,请为每个页面选择一个目标。 您可能想从一页开始,直到掌握它的窍门。

案例研究:相扑主页 – 定义一个目标

让我们看看相扑主页以及热图向我们展示了什么。 我们对该页面的 #1 目标是让访问者安装 Sumo 插件或代码。

看看下面的热图,你会注意到一些事情:

  • “关于”页面链接获得大量点击
  • 访问者最倾向于点击“入门”和“观看视频”
  • 人们正在点击向下箭头(即使它没有做任何事情)
  • 个别工具获得了大量点击,但页面右侧的工具获得的点击较少
Sumo 热图的屏幕截图

这表明我们可能想要:

  • 测试将“关于”链接移动到页面底部
  • 保持观看视频更新并找到改进它的方法
  • 使向下箭头使用户向下跳转页面
  • 测试向左移动工具以查看它们是否获得更多点击

第 3 步:在设置热图之前要问的问题

要设置热图,请跳到下面的第 4 步。 为了最大限度地利用您的热图,请查看以下 10 个问题。 这些问题将帮助指导您在数据进入之前和之后。

在开始新的热图之前要问自己的 10 个问题:

  1. 此页面的#1 目标是什么?
  2. 在一个完美的世界中,我的访问者会点击哪里?
  3. 在最坏的情况下,我的访问者会点击哪里?
  4. 如果我可以让他们点击一件事,那会是什么?
  5. 我认为页面上最有说服力的是按钮、图像还是文本?
  6. 如果人们没有点击我希望他们点击的地方,我该怎么办?
  7. 页面上有哪些令人分心的内容? 什么阻碍了我的目标?
  8. 我如何引导他们走我希望他们走的路?
  9. 如果没有人点击,我是否准备删除或更改页面?
  10. 我如何继续使用热图来显示未来的更改是否有效?

案例研究:Bluewire Media 如何使用问题来指导最大化热图

澳大利亚 Bluewire Media 的 Adam Franklin 是一家网络战略公司,他想找到一种方法来提高主页的有效性。 他首先问:“我们主页的第一目标是什么?” 和“什么阻碍了我们的目标?” 他的主页的主要目标是让首次访问者注册加入他们的电子邮件列表并获得免费的 Web 策略规划模板。 他首先回答了一系列问题,询问有关干扰和简化电子邮件注册表单的方法。 热图向他展示了他们的布局和表格限制了电子邮件注册的数量。

我们的热图突出显示了我正在犯的一些重大错误,并且可以轻松修复。 没有人看到主页上的选择加入表格,也没有看到我的一些登录页面上的表格。 这些现在都经过重新设计,热图(和分析)证明了变化是有效的。 现在我们正在测试页面上没有菜单栏的新版本。

网站上的某些更改如何改变结果以及热图如何更好地向您显示结果的屏幕截图

第 4 步:设置您的第一个热图

您可以在您的网站上使用许多免费和付费的热图工具。 使用以下步骤,您可以在不到 5 分钟的时间内通过 Sumo 设置热图——它适用于所有网站,并为 WordPress 网站提供了一个特殊的插件。

A) 按照此处的 HTML 或 WordPress 说明安装相扑

  • 注册一个免费帐户
  • 单击您网站右上角的相扑徽章。 注册以注册您的帐户。
  • 再次单击徽章以访问您的应用。 点击绿色的相扑商店标志。
  • 向下滚动到分析并单击热图。
  • 单击安装将热图添加到您的站点
显示如何开始使用热图的屏幕截图

B) 开始热图活动

  • 单击相扑徽章,您将看到一个“火焰”图标。
  • 单击蓝色火焰图标开始新的活动。 将弹出一条消息,询问您是否要开始录制单击“是”。
  • 现在该活动处于活动状态。
显示如何检查热图结果的屏幕截图

C) 查看热图结果

要查看热图,请单击返回页面并再次单击“火焰”图标。 或者,您可以从 Sumo 仪表板访问热图。

第 5 步:使用您的热图获得更多转化

热图为您提供有关人们如何与您的网站互动的重要信息。 但是当您开始将这些信息应用于 A/B 测试时,真正的工作就开始了。

专业提示:运行热图至少一周。 (如果您的站点每个月的访问量少于 10,000 次,则让您的热图运行 3 到 4 周。)现在是查看热图以使信息尽可能有价值的时候了。 这样,您可以改变网站的设计、流程和布局以获得更好的结果。

需要分析的问题:

  • 我的#1 目标是点击次数最多/最热门的地方吗?
  • 哪 3 个区域被点击最多?
  • 哪些热点是出乎意料的?
  • 什么类型的媒体获得的点击次数最多(图像、视频、文本、按钮)?
  • 哪些图片在同一页面上获得的点击次数比其他图片多?

采取行动:

  • 我怎样才能重新利用热点来实现我的#1 目标?
  • 我可以将哪些热点/链接从我的目标中移除?
  • 如何添加更多观众参与的内容(图像/视频/文本)?

现在,在运行并分析热图信息后,您应该如何处理它?

首先进行一些触手可及的小改动。 例如,删除侧栏中表现不佳的图像和链接。

虽然来自新热图的数据可能看起来很明显,但它可以帮助您了解需要更改的内容。 使用热图最有效的方法是使用热图上现有的“热点”来实现您的目标。 如果某个区域已经获得了大量点击,请利用它来指向您希望访问者执行的内容或操作。

案例研究:ChristianPF.com 如何优化高点击资产

ChristianPF.com 的个人理财博主 Bob Lotich 使用热图发现,他主页上的视频获得了数千次点击——但只有少数访问者订阅了他的电子邮件列表。 这是鲍勃不得不说的话:

我发现我在主页上的视频犯了一个愚蠢的错误,否则我永远不会知道。 人们疯狂地点击视频图片; 毕竟它上面确实有一个很大的播放按钮! 我很快让我的开发人员添加了一个弹出框,这样当他们点击图形时,他们就会选择观看视频。

这一变化使我从主页获得的电子邮件订阅者数量翻了一番。您只需要使用热图来了解您不知道或尚未完全意识到的内容。

显示网站上正在使用的热图的屏幕截图

列表构建器弹出窗口的屏幕截图

得出结论

总而言之,以下是我们从数百万次热图点击中了解到的一些数据驱动的见解,您在设置热图、分析数据和优化时应该注意这些见解:

  1. 菜单栏让人分心; 从主页和登录页面中删除它们
  2. 图片获得的点击次数最多
  3. 侧边栏通常被忽略
  4. 号召性用语在折叠上方和下方效果更好(两者都使用)
  5. 删除任何不必要的字段以捕获更多电子邮件
WordPress花园建议你也读一下这篇文章  用这 7 个技巧写出更好的 CTA

单击此处获取您自己的热图优化电子表格!

然后单击此处开始使用热图优化您的网站和转化