热力图是一种将用户在 Web 页面上的点击位置、滚动深度和视线停留区域,通过颜色深浅 (红色表示多、蓝色表示少) 进行可视化的分析方法。它能够直观地揭示仅凭数值数据无法发现的用户行为模式。
热力图主要分为 3 种类型。点击热力图 (显示用户点击/触摸的位置)、滚动热力图 (显示页面被阅读到哪个位置)、注意力热力图 (显示用户长时间停留的区域)。
热力图揭示的典型发现之一是「用户没有阅读到页面底部」。在大多数 Web 页面中,超过首屏 (无需滚动即可看到的范围) 后,浏览率会急剧下降。根据 Hotjar 的调查,在普通 Web 页面中,到达内容底部 20% 的用户不到总数的 20%。
热力图对于优化短链接的着陆页不可或缺。可以验证活动链接跳转目标页面上的 CTA 按钮是否被实际点击,重要信息是否因未被滚动到而被忽略。根据热力图结果调整 CTA 位置以提高转化率,是典型的工作流程。
代表性的热力图工具包括 Hotjar、Microsoft Clarity (免费) 和 Mouseflow。Microsoft Clarity 完全免费,同时提供点击/滚动热力图和会话录制功能,非常适合小型网站导入使用。相关书籍可在 Amazon 上查找。