A heat map is an analytics technique that visualizes where users click, how far they scroll, and where they focus their attention on a web page, using color gradients (red for high activity, blue for low). It reveals behavioral patterns that raw numbers alone cannot show.
There are three main types: click heat maps (showing where users click or tap), scroll heat maps (showing how far down the page users read), and attention heat maps (highlighting areas where users spend the most time).
A classic finding heat maps reveal is that users rarely read to the bottom of a page. On most web pages, the view rate drops sharply below the fold (the area visible without scrolling). According to Hotjar, fewer than 20% of users reach the bottom 20% of an average page.
Heat maps are indispensable for optimizing landing pages linked from short URLs. You can verify whether CTA buttons are actually being clicked and whether important information is being missed because users stop scrolling too early. Adjusting CTA placement based on heat map results to improve conversion rates is a standard workflow.
Popular heat map tools include Hotjar, Microsoft Clarity (free), and Mouseflow. Microsoft Clarity offers click and scroll heat maps plus session recordings at no cost, making it accessible even for small sites. Related books are available on Amazon.