O que é Heatmap?
Heatmap, também chamado de Mapa de Calor, é uma visualização que sobrepõe cores a uma página do site para mostrar onde os visitantes mais interagem. As áreas em tons quentes, como vermelho e laranja, concentram mais cliques ou movimentos; as áreas em tons frios, como azul, recebem pouca atenção.
O heatmap agrega o comportamento de centenas ou milhares de visitas em uma única imagem. Em vez de analisar sessões uma a uma, você enxerga o padrão coletivo: qual botão atrai cliques, qual banner é ignorado, qual elemento sem link recebe toques repetidos.
Em projetos de CRO, o mapa de calor funciona como ferramenta de diagnóstico. Os padrões visuais revelam problemas e oportunidades que viram hipóteses de teste, validadas depois com testes A/B. Ferramentas como Hotjar e Microsoft Clarity geram esses mapas a partir de um script instalado no site.
Como funciona na prática?
O processo começa com a instalação de um script de rastreamento no site. A ferramenta então registra as interações dos visitantes e as agrega por página. Os tipos mais comuns de mapa são três. O mapa de cliques mostra onde as pessoas clicam ou tocam. O mapa de movimento acompanha o cursor do mouse, um indicador aproximado de atenção no desktop. O scrollmap mostra até onde os visitantes rolam a página.
Para a leitura ser confiável, a página precisa de volume mínimo de visitas, e vale separar os mapas por dispositivo: o comportamento no celular difere muito do desktop. A análise busca padrões acionáveis: cliques em elementos não clicáveis, botões principais ignorados e áreas de destaque sem interação.
Heatmap vs Scrollmap: qual a diferença?
| Aspecto | Heatmap de cliques | Scrollmap |
|---|---|---|
| O que mostra | Onde os visitantes clicam ou tocam | Até que profundidade os visitantes rolam |
| Pergunta que responde | ”O que atrai interação?" | "Quem vê cada seção da página?” |
| Uso típico | Avaliar botões, links e banners | Posicionar conteúdo e chamadas para ação |
Veredito: o heatmap de cliques mede interação e o scrollmap mede alcance visual da página; os dois se complementam na análise.
Exemplos de uso
- Um e-commerce descobre pelo mapa de cliques que os visitantes tocam nas fotos de produto esperando ampliar a imagem. A equipe ativa o zoom e reduz a frustração no mobile.
- Uma landing page de consórcio mostra muitos cliques em um selo de “parcelas a partir de R$ 350” que não leva a lugar nenhum. A equipe transforma o selo em link para a simulação.
- Um blog percebe que o banner de assinatura da newsletter, no topo, quase não recebe cliques. A equipe testa reposicionar o convite no meio do artigo.
Erros comuns
- Analisar mapas com pouco tráfego e tirar conclusões de meia dúzia de cliques.
- Misturar dados de desktop e mobile em um único mapa.
- Tratar o mapa de movimento do mouse como medida exata de leitura.
- Olhar o heatmap uma vez e nunca mais, em vez de comparar antes e depois das mudanças.
- Implementar mudanças direto do mapa, sem validar a hipótese com teste controlado.
Perguntas frequentes sobre Heatmap
Quantas visitas preciso para um heatmap confiável?
Depende da ferramenta e da variação do comportamento, mas a prática comum é esperar algumas centenas de visualizações por página e por dispositivo antes de interpretar o mapa. Com volume baixo, poucos cliques isolados podem parecer um padrão. Na dúvida, deixe o mapa coletar dados por mais tempo.
Heatmap funciona em site mobile?
Sim. Em telas de toque, o mapa registra os toques dos visitantes em vez de cliques de mouse. O mapa de movimento de cursor, porém, só existe no desktop. Por isso, a análise deve sempre separar os mapas por tipo de dispositivo, já que os padrões de interação são diferentes.
Heatmap substitui o Google Analytics?
Não. O mapa de calor mostra onde o visitante interage dentro de uma página, enquanto uma ferramenta de análise de tráfego mostra números agregados de visitas, origens e conversões. As duas visões se complementam: os números apontam qual página investigar, e o mapa explica o comportamento dentro dela.