What is a heatmap and how do you use it for your website?
A heatmap is a visual representation of how people interact with your website. It uses colour coding (red for hot areas, blue for cold ones) to show where visitors click most, how far they scroll and what they ignore. For a small business owner, a heatmap turns guesswork into data. Instead of wondering why a page does not convert, you can see exactly what is happening.
There are three main types of heatmap, and each answers a different question.
### Click maps
Click maps show exactly where people click on a page. Every click (on a link, button, image or blank space) appears as a coloured dot. Red clusters show the most-clicked areas. If your "Get in touch" button is blue while your logo is red, visitors are clicking the logo instead of the CTA, and you need to make the button more prominent.
Click maps are the fastest way to find out whether your navigation, buttons and links are working as intended.
### Scroll maps
Scroll maps tell you how far down the page visitors actually go. A scroll map shades the page from green (most people see this) to grey (almost nobody reaches this). If your key information or CTA sits below the fold and the scroll map shows grey, nobody is seeing it. Move it higher.
Most small business websites lose over half their visitors before they reach the bottom of the page. Scroll maps confirm where that drop-off happens so you can reshuffle your content priority.
### Move maps
Move maps (sometimes called hover maps or mouse-tracking maps) show where visitors move their cursor. Research correlates cursor movement with visual attention, so move maps are a reasonable proxy for where people are looking. They are useful for checking whether visitors read your headline, scan your benefits section or ignore your testimonial block.
## How to use heatmaps to improve your site
A heatmap is only useful if you act on what it shows. Here is the workflow.
**Pick the right page.** Start with your highest-traffic pages. Your homepage, your services page and your contact page will give you the most data fastest. A landing page that gets 500+ visits a month is ideal. Anything less and you may not have enough data for a clear pattern.
**Define what you want to learn.** Before you look at the data, write down one question. "Are people clicking my CTA?" or "Do visitors scroll far enough to see my prices?" A focused question stops you from getting lost in the data.
**Make one change, then measure again.** Heatmap tools let you run a recording for a period (often two to four weeks), then make a single change (move a button, rewrite a headline, shorten a page), then run another heatmap to compare. This before-and-after comparison is what makes heatmaps a genuine optimisation tool rather than a vanity dashboard.
## Free and low-cost heatmap tools
You do not need an expensive enterprise platform. Three tools cover most small business needs:
- **Microsoft Clarity** (free): A standalone heatmap and session recording tool from Microsoft. No traffic limits on the free plan. It is surprisingly underused and genuinely free.
- **Hotjar** (free plan up to 35 daily sessions): The best-known option. The free tier gives you heatmaps, session recordings, feedback widgets and surveys. Enough for most small business sites.
- **Lucky Orange** (free seven-day trial, paid from roughly GBP 12 per month): More granular filtering (by device type, traffic source, new vs returning visitors) than the free tools, useful once you have outgrown Hotjar's free tier.
## What heatmaps will not tell you
Heatmaps show where people click and scroll, but not why. A click map might tell you nobody clicked your CTA, but it cannot tell you whether the offer was wrong, the button colour put people off or the page loaded too slowly. Pair heatmaps with user surveys (Hotjar includes these) or a five-minute usability test to get the "why" behind the "where".
Victory Digital includes conversion rate analysis as part of its SEO packages, which start from GBP 980 per month. The free SEO report at https://victory.digital/run-a-seo-report gives you a technical health check of your site. If you suspect your pages are not converting as well as they should, that report is a good first step. For a deeper conversation about CRO, heatmaps and testing, get in touch at https://victory.digital/book/discovery-call.
What are your Feelings?
Share your reaction
Click a reaction to share how useful this article was.
