在 X 上关注我。 @sangngqang

热力图(Heatmap)

热力图是叠加在网页上的可视化图层,展示访客在哪里点击、移动和滚动,用暖色表示热点区域、冷色表示冷清区域。

什么是热力图?

热力图是在页面截图上叠加颜色,用来展示访客的行为。热点区域通常是红色或橙色,代表很多人在这里点击、悬停或停留;冷区通常是蓝色,几乎没人关注。滚动热力图显示人们在离开前往下读了多远。对网店来说,热力图之所以重要,是因为它揭示了顾客实际注意到了什么、忽略了什么、被什么困惑。这让你在决定如何修改商品页或首页时,能有依据而不是靠猜。

热力图如何运作

热力图工具会在网站中加入一小段脚本,对一部分访客记录点击、鼠标移动和滚动深度,然后把这些会话合并成每个页面一张图。例如,商品页的点击热力图可能显示很多人在点击一张无法放大的商品图,说明他们想看得更仔细。滚动热力图可能显示只有一小部分访客滑到了页面底部的评价区。你可以把图片改成可缩放,把一段简短的评价摘要往上移,再衡量转化是否提升。

热力图的利弊

热力图一看就懂,即使不懂数据的人也能理解,而且常常能揭示明显的问题,比如无效点击、隐藏的按钮或没人看到的内容。它是寻找优化思路的绝佳起点。它的局限同样重要:热力图显示的是人们做了什么,而不是为什么,所以你仍然需要判断或测试来确认修改是否有效。流量少的页面生成的图噪音大。移动端和桌面端行为差异很大,必须分开查看。录制脚本可能会让页面稍微变慢,你还必须遵守追踪相关的隐私法规和授权规则。

热力图的最佳实践

聚焦访问量最大、价值最高的页面,比如热门商品页、首页和购物车。分开查看移动端和桌面端。在得出结论前收集足够多的会话,小店铺尤其如此。留意对不可点击元素的点击、点击很少的重要按钮,以及位于大多数人停止滚动位置之下的关键信息。把热力图与会话录屏结合起来,了解完整的背景。把每个发现转化为一项具体的修改,然后测试并衡量转化,而不只是看热力图的变化。

热力图与会话录屏的区别

热力图把大量访问合并成一张图,显示某个页面上所有访客的行为模式。会话录屏则回放单个访客的真实访问,按顺序展示每一次滚动、点击和停顿。热力图更适合快速发现整体趋势,比如哪些板块被忽略了;录屏更适合理解问题为什么发生,比如看到一位顾客在尺码选择器上反复折腾。大多数团队用热力图找到该看哪里,用录屏弄清那里出了什么问题。两者结合,能把模糊的猜测变成清晰、可测试的页面优化思路。

常见问题

热力图会拖慢我的店铺吗?
可能会增加少量负载,因为页面上会运行一段追踪脚本。选择轻量级工具,只对部分访客和你正在研究的页面进行录制,不再需要时就移除脚本。
隐私法规允许使用热力图吗?
通常允许,前提是遵守访客所在地的规定。这通常意味着在隐私政策中披露追踪行为、在需要时获得授权,并确保工具会屏蔽姓名、邮箱和支付信息等用户输入的个人信息。

相关术语