What Is a Heat Map? Types, How to Read One & Best Practices

First published Jun 1, 2023Updated August 19, 20269 min read

Founder & CEO, Omniconvert · Author, The CLV Revolution

Published: Jun 1, 2023Updated: Aug 19, 2026

Reviewed by Cristina Stefanova, Head of Content

Quick Answer

A heat map is a visual overlay on a web page that uses color to show where visitors click, move their cursor, and how far they scroll: warm colors (red, orange) mark high activity, cool colors (blue, green) mark low. Instead of reading numbers, you see behavior at a glance, which buttons draw clicks, how far people scroll, and which sections are ignored. The three core types are click maps (where people click or tap, including revealing clicks on non-links that signal confusion), scroll maps (how far down people get, and whether key content sits below where most stop), and move maps (where the cursor lingers, a rough clue to attention). Heat maps are a qualitative CRO research tool alongside session recordings and surveys. Their crucial limit: they show what happens on a page, not why, and they do not prove a change will improve conversions. They need enough traffic to be reliable, since too few visitors is noise. The real workflow: use a heat map to find a problem and form a hypothesis, then A/B test the fix. Omniconvert Explore lets you test what a heat map suggests and confirm the lift across 70,000+ experiments and 7,000+ websites, with 23.2% average uplift.

Key Takeaways

A heat map is a color overlay showing where visitors click, move, and scroll on a page: warm colors = high activity, cool = low.
The three core types are click maps (interaction, including confused clicks on non-links), scroll maps (how far people get), and move maps (where the cursor lingers).
It is a qualitative CRO research tool that shows what happens on a page, not why, and does not prove a change will lift conversions.
It needs enough traffic to be reliable: a heat map built on too few visitors is noise dressed up as a pattern.
The real workflow is find a problem and form a hypothesis, then A/B test the fix; Omniconvert Explore confirms the lift across 70,000+ experiments.

7,000+ websites 15+ industries 70,000+ experiments 23.2% average uplift

Analytics tells you what visitors did in numbers; a heat map lets you see it. It is an overlay on a page that uses color, warm for busy, cool for quiet, to show where people click, move their cursor, and how far they scroll, turning the behavior of thousands of visitors into a single picture you can read at a glance. That makes heat maps one of the most popular tools in conversion research, and also one of the most misused, because their greatest strength, showing you what happens, is often mistaken for something they cannot do: tell you why, or prove that a change will help. This guide explains what a heat map is, the main types, how to read one, what it can and cannot tell you, how much traffic it needs, and how Omniconvert Explore turns its insight into tested improvements, drawing on 70,000+ experiments across 7,000+ websites in 15+ industries [CROBenchmark Report 2026, Omniconvert].

Used well, a heat map is where good hypotheses come from. Used badly, it is where confident mistakes come from. The difference is knowing its boundary.

What is a heat map?

A heat map is a visual representation of data that uses color to show where activity concentrates; on a website it is a page overlay showing where visitors click, move their cursor, and how far they scroll. Warm colors (red, orange) mark the most attention or interaction; cool colors (blue, green) mark the least. Instead of rows of numbers, you see a picture of behavior: which buttons draw clicks, which parts people reach, which sections are ignored. Heat maps are a qualitative CRO research tool alongside session recordings and surveys. Their value is turning aggregate behavior into something you see at a glance, revealing where attention goes. They show what happens on a page, not why, so they are a starting point for investigation, not a final answer.

A heat map is a visual representation of data that uses color to show where activity concentrates. On a website, it is an overlay on a page that shows where visitors click, move their cursor, and how far they scroll. Warm colors, reds and oranges, mark the areas that get the most attention or interaction; cool colors, blues and greens, mark the areas that get the least.

Instead of reading rows of numbers, you see a picture of behavior: which buttons and links draw clicks, which parts of the page people actually reach, and which sections are ignored. Heat maps are a qualitative research tool in conversion rate optimization, sitting alongside session recordings and surveys. Their value is that they turn aggregate visitor behavior into something you can grasp at a glance, revealing where attention goes and where it does not. Crucially, they show what happens on a page, not why, which makes them a starting point for investigation rather than a final answer.

The main types of heat map

There are three core website heat maps, plus variations. Click maps show where visitors click or tap, revealing which elements attract interaction, including clicks on non-links, a common sign of confusion. Scroll maps show how far down visitors scroll, with color marking where the audience thins, so you see whether important content sits below the point most people reach. Move maps (hover or mouse-movement maps) show where the cursor moves, which on desktop loosely tracks gaze, though only approximately. Beyond these, attention or engagement maps combine signals to estimate focus, and eye-tracking maps use special hardware to record actual gaze. For most sites, click, scroll, and move maps answer the everyday questions about what draws attention and what gets missed.

Three core heat maps cover most needs, each answering a different question:

Source: Omniconvert. The main heat-map types and what each reveals.
Type	What it shows	What it reveals
Click map	Where visitors click or tap	Which elements draw interaction; confused clicks on non-links
Scroll map	How far down the page people reach	Whether key content sits below where most people stop
Move map	Where the cursor moves and lingers	A rough clue to where attention goes (desktop)
Attention / engagement	Combined signals of focus	An estimate of where focus concentrates
Eye-tracking	Actual gaze, via hardware/software	Real looking, not inferred (specialist use)

For most websites, click maps, scroll maps, and move maps answer the everyday questions about what draws attention and what gets missed. The rest are useful, but specialist. Knowing the types is only half the skill; the other half is reading them correctly.

How to read a heat map

Read a heat map by color and by type. The color scale is consistent: warm (red, orange) = high activity, cool (blue, green) = low, no color = little or none. Then read each type for its question. On a click map, look at which elements get the most clicks (the ones you want?) and for clicks on non-clickable elements, a sign of frustration. On a scroll map, find where color cools sharply, that is where most people stop, and check whether key content sits below it. On a move map, see where the cursor lingers as a rough attention clue. Always read against intent: compare where attention lands with where you wanted it. And read with enough data, too few visitors is noise, not insight.

Reading a heat map starts with the color scale, which is consistent across types: warm colors mean high activity, cool colors mean low, and no color means little or none. Beyond that, each type has its own question:

On a click map
Check whether the most-clicked elements are the ones you want, and look for clicks on non-clickable elements, a clear sign people expect something to work and are frustrated.
On a scroll map
Find where the color cools sharply, that is where most people stop, and check whether a key message or call to action sits below it.
On a move map
See which areas the cursor lingers over as a rough clue to where attention goes, remembering the cursor-gaze link is only approximate.
Read against intent
Compare where attention actually lands with where you wanted it, the gap is the insight.
Read with enough data
A heat map built on too few visitors is noise dressed as a pattern; wait for the picture to stabilize.

Read this way, a heat map points you straight at a page's problems. But pointing at a problem is not the same as explaining or solving it, which is the boundary that matters most.

What a heat map can and cannot tell you

A heat map tells you what happens on a page in aggregate: which elements draw clicks, how far people scroll, where cursors linger, whether content is seen, where attention drains. That makes it excellent for spotting problems, ignored CTAs, distractions, buried content, clicks on non-links. What it cannot tell you is why, or whether a fix will improve conversions. It shows attention, not motivation, so it raises questions rather than answering them: people may ignore your button, but not whether it is the wording, position, color, or offer. It also does not prove cause and effect. So heat maps generate hypotheses, which you confirm by asking visitors (surveys, recordings) and, decisively, by A/B testing the change.

Here is the line that separates good heat-map use from bad. A heat map can tell you what happens on a page in aggregate: which elements draw clicks, how far people scroll, where cursors linger, whether important content is being seen, and where attention drains away. That makes it excellent for spotting problems, ignored calls to action, distracting elements, valuable content buried below the scroll, clicks on things that are not clickable.

What it cannot tell you is why any of that happens, or whether fixing it will improve conversions. A heat map shows attention, not motivation. It might show that people ignore your main button, but not whether that is the wording, the position, the color, or the offer itself. And it does not prove cause and effect: moving an element because a heat map suggested it does not guarantee more conversions. That is why heat maps are best used to generate hypotheses, which you then confirm by asking visitors directly, through surveys and recordings, and, decisively, by A/B testing the change. Before any of that, though, the heat map itself has to be trustworthy.

How much traffic a heat map needs

A heat map is only as trustworthy as the behavior behind it, so you need enough visits for the pattern to be stable rather than the product of a few people. There is no universal number, it depends on the page and how varied the behavior is, but the principle is firm: a heat map built on very few visitors shows noise that can look like a pattern, and acting on it is a mistake. High-traffic pages produce reliable maps quickly; low-traffic pages need a longer collection period. Keep collecting until the picture stops changing as visitors are added, when hot and cold areas stay put, it is stable enough to trust. Segment where you have the volume, since mobile and desktop behavior can differ sharply and a blended map hides it.

A heat map is only as trustworthy as the amount of behavior behind it. There is no single universal number, because it depends on the page and how varied the behavior is, but the principle is firm: a map built on very few visitors shows noise that can look like a pattern, and acting on it is a mistake.

Higher-traffic pages produce reliable heat maps quickly; low-traffic pages need a longer collection period to accumulate enough sessions. A good practice is to keep collecting until the picture stops changing meaningfully as more visitors are added, when the hot and cold areas stay put, the pattern is stable enough to trust. It also helps to segment where you have the volume, since behavior can differ sharply between, say, mobile and desktop visitors, and a blended heat map can hide those differences. When in doubt, gather more data before drawing conclusions, and then take the conclusion where it belongs: a test.

Acting on heat maps with Omniconvert Explore

Heat maps reveal where a page may be failing but do not prove a change will help; Omniconvert Explore is where that insight becomes a tested improvement. Explore is an A/B testing and experimentation platform, so the workflow is: use qualitative research, heat maps, recordings, surveys, to find a problem and form a hypothesis, then use Explore to A/B test the change and confirm with statistical confidence whether it lifts conversions. If a scroll map shows a CTA below where most people stop, test moving it up rather than assuming; if a click map shows an ignored button, test new wording or placement. Explore's advanced segmentation lets you act on differences a blended map hides, like mobile versus desktop. Across 70,000+ experiments and 7,000+ websites, with 23.2% average uplift.

A heat map finds the problem; Omniconvert Explore proves the fix. Explore is an A/B testing and experimentation platform, and it completes the loop that a heat map only begins. The workflow is natural: use qualitative research, heat maps, session recordings, and on-site surveys, to find a problem and form a hypothesis, then use Explore to A/B test the change and confirm with statistical confidence whether it actually lifts conversions.

The examples write themselves. If a scroll map shows a key call to action sitting below where most people stop, Explore lets you test moving it up instead of assuming it will help. If a click map shows people ignoring your main button, you can test new wording or placement and measure the effect. Explore also supports advanced segmentation, so you can act on the very differences a blended heat map hides, such as mobile versus desktop behavior. Drawing on more than 70,000 experiments across 7,000+ websites, with an average uplift of 23.2%, Explore turns what a heat map suggests into what the data proves.

Ready to test what your heat maps are telling you, instead of guessing?

See how Omniconvert Explore turns insight into proof →

Frequently Asked Questions

1What is a heat map?

A heat map is a visual representation of data that uses color to show where activity concentrates, and on a website it is an overlay on a page that shows where visitors click, move their cursor, and how far they scroll. Warm colors, reds and oranges, mark the areas that get the most attention or interaction, while cool colors, blues and greens, mark the areas that get the least. Instead of reading rows of numbers, you see a picture of behavior: which buttons and links draw clicks, which parts of the page people actually reach, and which sections are ignored. Heat maps are a qualitative research tool in conversion rate optimization, sitting alongside session recordings and surveys. Their value is that they turn aggregate visitor behavior into something you can see at a glance, revealing where attention goes and where it does not, so you can form hypotheses about what to improve. They show what happens on a page, not why, which is why they are a starting point for investigation rather than a final answer.

2What are the main types of heat maps?

There are three core website heat maps, plus a few variations. Click maps show where visitors click (and on mobile, tap), revealing which elements attract interaction, including clicks on things that are not links, a common sign of confusion. Scroll maps show how far down the page visitors scroll, with color marking where the audience thins out, so you can see whether important content sits below the point most people reach, sometimes called the fold. Move maps (also called hover or mouse-movement maps) show where visitors move their cursor, which on desktop loosely tracks where they are looking, though the link between cursor and gaze is only approximate. Beyond these three, attention or engagement maps combine signals to estimate where focus concentrates, and true eye-tracking maps use special hardware or software to record actual gaze rather than inferring it. For most websites, click, scroll, and move maps answer the everyday questions about what draws attention and what gets missed.

3How do you read a heat map?

You read a heat map by color and by type. The color scale is consistent: warm colors (red, orange) mean high activity, cool colors (blue, green) mean low activity, and absence of color means little or none. Beyond that, read each type for its own question. On a click map, look for the elements getting the most clicks (is it the ones you want?) and for clicks on non-clickable elements, which signal that people expect something to be interactive and are frustrated when it is not. On a scroll map, find the point where the color cools sharply, that is where most people stop, and check whether key content or a call to action sits below it. On a move map, see which areas the cursor lingers over as a rough clue to where attention goes. Always read a heat map against intent: compare where attention actually lands with where you wanted it to. And read it with enough data, a heat map built on too few visitors is noise, not insight.

4What can a heat map tell you, and what can't it?

A heat map can tell you what happens on a page in aggregate: which elements draw clicks, how far people scroll, where cursors linger, whether important content is being seen, and where attention concentrates or drains away. That makes it excellent for spotting problems, ignored calls to action, distracting elements, valuable content buried below the scroll, and clicks on things that are not clickable. What it cannot tell you is why any of that happens, or whether fixing it will improve conversions. A heat map shows attention, not motivation, so it raises questions rather than answering them: it might show that people ignore your main button, but not whether that is because of its wording, position, color, or the offer itself. It also does not prove cause and effect, moving an element because a heat map suggested it does not guarantee more conversions. That is why heat maps are best used to generate hypotheses, which you then confirm by asking visitors directly (surveys, recordings) and, decisively, by A/B testing the change.

5What is the difference between a heat map and a session recording?

A heat map aggregates the behavior of many visitors into one visual summary of a page; a session recording replays the individual journey of a single visitor. The heat map answers what happens on this page in general, where clicks, scrolling, and attention concentrate across everyone, so it is good for spotting patterns and page-level problems. A session recording answers what did this one person do, showing their actual path, hesitations, rage clicks, and where they gave up, so it is good for understanding the story behind a behavior. They complement each other: a heat map might reveal that many visitors stop scrolling before reaching a key section, and session recordings of those visitors might show why, they hit a confusing block of text, or a slow-loading element, and left. Used together, the heat map finds the where and session recordings help explain the why, and both are qualitative inputs that generate hypotheses to test, not proof on their own.

6How much traffic do you need for a reliable heat map?

A heat map is only as trustworthy as the amount of behavior behind it, so you need enough visits for the pattern to be stable rather than the product of a handful of people. There is no single universal number, because it depends on the page and how varied the behavior is, but the principle is firm: a heat map built on very few visitors shows you noise that can look like a pattern, and acting on it is a mistake. Higher-traffic pages produce reliable heat maps quickly; low-traffic pages need a longer collection period to accumulate enough sessions. A good practice is to keep collecting until the picture stops changing meaningfully as more visitors are added, when the hot and cold areas stay put, the pattern is stable enough to trust. It also helps to segment where you have the volume to support it, since behavior can differ sharply between, say, mobile and desktop visitors, and a blended heat map can hide those differences. When in doubt, gather more data before drawing conclusions.

7How does Omniconvert Explore help you act on heat maps?

Heat maps are a research tool: they reveal where attention goes and where a page may be failing, but they do not prove that a change will help. Omniconvert Explore is where that insight becomes a tested improvement. Explore is an A/B testing and experimentation platform, so the natural workflow is to use qualitative research, heat maps, session recordings, and on-site surveys, to find a problem and form a hypothesis, then use Explore to A/B test the change and confirm with statistical confidence whether it actually lifts conversions. If a scroll map shows a key call to action sitting below where most people stop, Explore lets you test moving it up rather than just assuming it will help; if a click map shows people ignoring your main button, you can test new wording or placement and measure the effect. Explore also supports advanced segmentation, so you can act on the differences a blended heat map hides, such as mobile versus desktop behavior. Drawing on more than 70,000 experiments across 7,000+ websites, with an average uplift of 23.2%, Explore turns what a heat map suggests into what the data proves.

The takeaway

A heat map is one of the most intuitive tools in conversion research: an overlay that uses color, warm for high activity, cool for low, to show where visitors click, move, and scroll on a page. The three core types answer three everyday questions: click maps show what draws interaction (and reveal frustrated clicks on things that are not links), scroll maps show how far people get and whether key content is buried, and move maps loosely track where attention lingers. Read them against intent, and read them with enough traffic, since a heat map built on too few visitors is noise dressed up as a pattern. But the most important thing to understand about heat maps is their boundary: they show what happens on a page, never why, and they do not prove that moving an element will earn more conversions. They are excellent at raising questions and terrible at settling them. That is why the real workflow is a loop, use heat maps and recordings to find a problem and form a hypothesis, ask visitors why with surveys, and then A/B test the change to prove whether it works. Insight becomes improvement only when it is tested.

Valentin Radu

Founder & CEO, Omniconvert

Valentin Radu is the founder and CEO of Omniconvert. He is an entrepreneur, data-driven marketer, CRO expert, CVO evangelist, international speaker, father, husband, and pet guardian. Valentin is also an Instructor at the Customer Value Optimization (CVO) Academy, an educational project that aims to help companies understand and improve Customer Lifetime Value.

Turn heat-map insight into tested wins with Omniconvert Explore

A heat map shows where a page may be failing, but not whether a fix will help. Omniconvert Explore lets you A/B test the change a heat map suggests and confirm the lift with statistical confidence, so you act on proof, not a hunch.

Learn more about Omniconvert Explore Book a demo