Heatmaps and Session Recordings: How to Read Them and What to Fix

What is heatmap analysis?

Heatmap analysis is the practice of reading aggregated visitor behavior on a page, such as clicks, scrolling and cursor movement, shown as color over a screenshot. Warm colors mark where many visitors acted; cool colors mark where few did. Paired with session recordings, which replay individual visits, it shows what people actually do on your landing page instead of what you assume they do.

The value isn't the pretty map. It's the questions the map raises and the fixes they lead to. Analytics tells you that most visitors leave without converting; heatmaps and recordings show you where they hesitated, what they tried to click and what they never saw. That's why we use them in every landing page review before we touch the design or the words.

This guide is the hub for our behavior analytics articles. It covers the three map types, how to read each pattern, how to watch recordings efficiently, and the weekly routine we use to turn all of it into a fix list. Deeper articles on each signal are linked as we go.

What are the main types of website heatmap?

The main types of website heatmap are click maps, scroll maps and move (or attention) maps. Each answers a different question, and none of them answers why, which is the job of recordings and surveys.

Most tools today bundle all of these. The choice between them is mostly about price, privacy settings and whether you also need surveys; we compare the two most common options in Microsoft Clarity vs Hotjar. If you're still deciding whether a marketing site needs these tools at all, read session recording and heatmaps on marketing sites first.

How do you read a click map?

You read a click map by comparing where visitors click with where you want them to click. Clicks on your primary call to action are good. Clicks on things that aren't links, and missing clicks on things that are, are the findings worth acting on.

Start with the primary call to action and count how its clicks compare to everything else above the fold. Then look for three patterns. First, clicks on non-clickable elements such as feature icons, screenshots or bold text, which mean visitors expected more information there. Second, heavy clicks on navigation links that lead away from the page, which on a paid landing page often mean visitors are looking for something the page doesn't answer, frequently pricing. Third, buttons nobody clicks, which can mean the label is unclear or the button doesn't look like a button.

Repeated rapid clicks have their own name, rage clicks, and they're one of the fastest ways to find broken or misleading elements. Our guide to rage clicks, dead clicks and form abandonment explains how to triage them.

How do you read a scroll map?

You read a scroll map by finding where the color drops sharply, then asking what sits just above that line. A sharp drop marks a point where many visitors stopped, and the content right before it is the first suspect.

A gradual fade down a long page is normal; people leave as they get what they need. A cliff is different. Common causes are a section that looks like the end of the page (a full-width footer-style band halfway down), a block of dense text, or an early call to action that satisfied the visitor. That last case is the trap: low scroll can mean success. If visitors who stop early are also the ones who convert, the page is doing its job.

So never read a scroll map without the conversion data next to it. We explain how to tell good low scroll from bad in what scroll depth tells you about your landing page, including how to set up scroll tracking in GA4.

How do you watch session recordings without wasting hours?

Watch session recordings with a question and a filter, never at random. Pick one page, one segment and one behavior, such as mobile visitors from paid search who reached the pricing section but didn't convert, then watch 10 to 20 of those visits.

1. 1

   Start from a number

   Use analytics or the heatmap to find the drop-off you want to understand. The recording session should explain a pattern, not discover one.

2. 2

   Filter hard

   Filter by page, device, traffic source and a behavior: rage clicks, a form started but not submitted, or exit after a specific section.

3. 3

   Watch at speed

   Most tools skip inactivity and let you play at double speed or faster. Slow down only at hesitation points.

4. 4

   Note what you see, not what you think

   Write 'scrolled up to the pricing table twice, then left' rather than 'confused by pricing'. The interpretation comes later.

5. 5

   Stop when patterns repeat

   When the same behavior shows up in several recordings, you've found something. Write it down and move on.

Recordings are especially good at showing comprehension problems: visitors scrolling back up to reread the hero, hovering over a term they don't understand, or opening a feature tab and leaving immediately. Those patterns usually point to the words, not the layout. Our guide on how to explain a complex product on your website covers the fixes for that kind of confusion.

What does each heatmap pattern usually mean?

Each heatmap pattern has a most likely cause and at least one alternative, so treat every reading as a hypothesis to check in recordings. The table below is the reference we use in reviews.

Mixed-audience patterns are common on B2B pages where developers and business buyers land on the same page. If you see that, our guide to selling to technical and non-technical buyers on the same page shows how to structure the page for both.

How do you turn heatmaps and recordings into a weekly fix list?

You turn heatmaps and recordings into a weekly fix list by reviewing one page for an hour, writing down every finding, sorting each one into copy, design or bug, and committing to ship the top three that week. The routine matters more than the tool.

1. 1

   Pick this week's page (5 minutes)

   Choose the page with the most traffic and the biggest gap between visits and conversions. Use your landing page conversion tracking setup to find it.

2. 2

   Read the maps by device (15 minutes)

   Scroll map, then click map, mobile first. Note cliffs, unexpected clicks and ignored buttons.

3. 3

   Watch filtered recordings (25 minutes)

   Ten to twenty visits from the segment that matters most, filtered to the behavior you're investigating.

4. 4

   Sort the findings (10 minutes)

   Tag each one copy, design or bug. Bugs go straight to the developer. Copy and design findings get ranked.

5. 5

   Commit to three fixes (5 minutes)

   Pick the three with the clearest cause and the most traffic affected. Write each as one sentence: what we saw, what we'll change.

6. 6

   Check last week's fixes

   Before the next review, look at whether last week's changes moved the pattern. Keep a short log so findings don't repeat.

Sorting by type is the step most teams skip. A bug fix is usually quick and certain; a copy fix needs a writer and some thinking; a design fix may need several pages updated. Knowing which is which keeps the list moving instead of stalling on the hardest item. When the findings are mostly about words, our SaaS website copywriting guide is the next read.

What a fix list looks like

These rows are illustrative, not from a client. The shape is what matters: an observation, a category, a specific change and a person.

When should you add surveys to heatmap analysis?

Add surveys when recordings show hesitation you can't explain from behavior alone. A heatmap can show that visitors stop at the pricing section; only asking them can tell you whether the price is too high, unclear or simply not what they expected.

A one-question on-site poll on the page you're reviewing, shown after visitors have spent some time or are about to leave, fills the gap. Ask what stopped them, or what they were looking for, and read the answers in the visitors' own words. We list the questions that work best in on-site surveys and polls that reveal why visitors don't convert. Survey answers are also the best raw material a writer can get; if you're hiring one, our guide to hiring a SaaS website copywriter explains what to hand over.

How do heatmaps fit with conversion metrics?

Heatmaps explain your conversion metrics; they don't replace them. Conversion rate tells you whether a page is getting better, and behavior data tells you why. Without both, you either know something is wrong but not where, or you see behavior but can't tell whether it matters.

Before you start, make sure you measure the right conversion and calculate it the same way every week. Our guide to how to calculate conversion rate covers which rate matters at each funnel stage. Then use the weekly review to explain changes in that number. When the page needs more than a weekly list can deliver, a structured audit is the next step; our breakdown of CRO audit cost explains what a good one includes.

Keep tracking intact through a redesign or migration

If you're rebuilding the page or moving platforms, reinstall your heatmap tool and conversion events on the new site before launch, and keep old URLs working so historical data still lines up. Our guides to building a redirect map for a website redesign and a 301 redirect map template cover the URL side.

Which heatmap analysis articles should you read next?

Read next based on the signal you're working on. Each of these goes deeper on one part of the routine above.