O analytics diz o que aconteceu: quantas visitas, quanto tempo, qual a taxa de rejeição. O heatmap mostra onde aconteceu. Essa diferença é o que transforma número em decisão.
Sabe quando uma página tem tráfego bom e conversão ruim, e você não faz ideia do porquê? O mapa de calor costuma responder em cinco minutos: ninguém chega ao botão, todo mundo clica numa imagem que não é link, ou o formulário está abaixo do ponto em que as pessoas param de rolar.
O que é um heatmap?
Heatmap é uma imagem da sua página com uma camada de cores sobreposta, indicando intensidade de uso. O padrão visual é intuitivo: vermelho e laranja para as áreas mais usadas, verde e azul para as menos usadas.
Ele é gerado a partir do comportamento agregado de muitos visitantes, não de uma pessoa específica. Uma ferramenta instala um script no site, registra interações anonimamente e monta a visualização.
O valor está em transformar dado abstrato em evidência visual. Dizer "a taxa de conversão da página é 1,2%" não sugere o que fazer. Ver no mapa de rolagem que a maior parte das pessoas para de rolar antes de chegar ao botão de compra sugere exatamente o que fazer.
Quais são os tipos de mapa de calor?
1. Mapa de cliques (click map)
Mostra onde as pessoas clicam. É um dos tipos mais usados e costuma revelar os problemas mais evidentes.
O que ele revela: botões ignorados, elementos que parecem clicáveis mas não são (o clique frustrado é uma das descobertas mais comuns), e links que recebem muito mais atenção do que você imaginava.
2. Mapa de rolagem (scroll map)
Mostra até onde as pessoas descem na página, com a porcentagem que alcança cada altura.
O que ele revela: o ponto em que a maioria desiste. Se o seu argumento decisivo ou o formulário está abaixo desse ponto, ele efetivamente não existe para a maior parte do público. Para páginas longas, é um dos tipos mais valiosos.
3. Mapa de movimento (move map)
Registra o movimento do cursor, usado como aproximação da atenção.
Cuidado importante: a relação entre onde o cursor está e onde os olhos estão existe, mas é irregular. O estudo de Jeff Huang, Ryen White e Susan Dumais, da Microsoft Research, mediu distância média de 178 px entre olho e cursor, com desalinhamento muito maior na horizontal (50 px) do que na vertical (7 px), e encontrou variação grande entre usuários na proporção de vezes em que olho e cursor estavam na mesma região da tela. Ou seja: serve como indício, nunca como prova.
4. Mapa de atenção
Mostra quais partes ficaram mais tempo visíveis na tela. Combina rolagem com tempo, e é mais confiável que o mapa de movimento para inferir interesse.
5. Gravação de sessão
Tecnicamente não é um heatmap, mas costuma vir junto: um vídeo anônimo da navegação de um visitante. Assistir a dez sessões de pessoas que não converteram costuma render mais insight que semanas de análise de números.
Qual a diferença entre heatmap e analytics?
Analytics | Heatmap | |
|---|---|---|
Responde | O quê e quanto | Onde e como |
Tipo de dado | Quantitativo | Comportamental e visual |
Escala | Todo o site | Página a página |
Melhor para | Detectar que há um problema | Descobrir qual é o problema |
Amostra necessária | Funciona com pouco | Precisa de volume razoável |
Os dois são complementares, e a ordem importa: use o analytics para encontrar a página problemática e o heatmap para entender o que há de errado nela. Começar pelo heatmap sem saber onde olhar é perder tempo.
Como interpretar um heatmap sem se enganar?
Esta é a parte que quase nenhum guia cobre, e é onde a maioria erra.
1. Cor quente não significa "bom". Um ponto vermelho pode ser interesse ou frustração. Cliques concentrados em uma imagem que não é link significam que as pessoas esperavam algo que não acontece.
2. Compare com o que você esperava. O heatmap só informa em contraste com uma expectativa. Antes de abrir, escreva: "espero que a maioria clique aqui e role até ali". A diferença entre o previsto e o observado é o insight.
3. Segmente antes de concluir. Celular e computador produzem comportamentos completamente diferentes. Analisar tudo junto mistura dois padrões e não representa nenhum.
4. Cuidado com amostras pequenas. Com 30 visitantes, o mapa reflete acaso. Espere volume suficiente: algumas centenas de sessões, no mínimo, para uma página.
5. Considere o efeito da posição. As pessoas clicam mais no topo porque é o que veem primeiro, não necessariamente porque é mais interessante. Um item no fim da página com muitos cliques proporcionais pode ser mais relevante do que o mapa sugere.
6. Páginas mudam. Um heatmap coletado antes de uma alteração de layout não descreve a página atual.
O que fazer com o que você descobrir
Achados recorrentes e as ações correspondentes:
- Ninguém chega ao botão principal → suba o botão ou repita-o antes do ponto de queda.
- Cliques em elementos não clicáveis → transforme em link ou remova a aparência de link.
- A maioria para no meio da página → o conteúdo antes desse ponto não está sustentando o interesse; encurte ou reorganize.
- Um link secundário recebe mais cliques que o principal → o interesse real do público é outro; considere reordenar a página.
- No celular o comportamento é radicalmente diferente → trate como página distinta, não como adaptação.
- O menu recebe muitos cliques → as pessoas não encontraram o que buscavam ali; a página não está entregando a promessa do título.
Um princípio que evita retrabalho: teste uma mudança por vez. Se você subir o botão, encurtar o texto e trocar a cor ao mesmo tempo e a conversão melhorar, não saberá o que funcionou, nem se alguma das mudanças piorou.
Erros comuns ao usar heatmap
- Instalar e nunca olhar. Um dos deslizes mais frequentes.
- Analisar com poucos dados. Conclusões tiradas de trinta sessões são adivinhação.
- Misturar celular e computador.
- Confundir movimento do mouse com atenção.
- Olhar só a página inicial. As páginas que convertem (produto, artigo, formulário) costumam ensinar mais.
- Tirar conclusão sem hipótese. Sem uma pergunta clara, o mapa vira arte abstrata.
- Ignorar o impacto no desempenho. Scripts pesados atrasam o carregamento, o que afeta experiência e busca.
Heatmap e SEO: qual a relação
À primeira vista, heatmap é assunto de conversão, não de SEO. Mas há três conexões diretas:
1. Ele revela desalinhamento com a intenção de busca. Antes de tudo, um esclarecimento: comportamento na página não é fator de ranqueamento: John Mueller e Gary Illyes, do Google, afirmam publicamente que taxa de rejeição e dados do Analytics não entram no ranqueamento. O heatmap não manda sinal nenhum para o buscador. O que ele faz é diagnóstico: se as pessoas chegam pela busca e param de rolar antes do trecho que responderia à pergunta delas, você está vendo, com os próprios olhos, que a página não entrega o que a busca prometeu. O mapa de rolagem mostra onde o interesse morre, e isso costuma indicar exatamente onde o artigo deixou de responder à pergunta que trouxe a pessoa: um problema de conteúdo, que você corrige no conteúdo. O conceito está em o que é SEO.
2. Velocidade é fator de ranqueamento, e ferramentas de heatmap custam desempenho. Todo script adicional pesa. Vale ativar a coleta por períodos definidos em vez de deixar rodando permanentemente, e verificar o impacto nos indicadores de velocidade.
3. O heatmap mostra se o seu artigo está sendo lido ou escaneado. Se as pessoas rolam rápido até uma seção específica e param ali, elas vieram por aquela seção. Isso é informação de pauta: aquele trecho merece virar um artigo próprio, e provavelmente já é uma busca com demanda própria.
Uma quarta conexão vale como hipótese, não como fato. Não temos dado que a comprove, e ela é justamente o tipo de coisa que o seu heatmap pode testar: se as respostas de IA absorvem o clique de quem só queria um dado rápido, é plausível que quem ainda chega ao seu site esteja mais avançado na decisão. Caso isso aconteça no seu caso, o comportamento na página mudaria: menos gente entrando e saindo, mais gente lendo com atenção. O teste é simples: acompanhe rolagem média e visitas ao longo dos meses. Se a rolagem ficar mais profunda enquanto as visitas caem, a hipótese ganha força no seu site; se as duas caírem juntas, ela não se sustenta ali. Veja SEO vs GEO.
Cuidados com privacidade
Ferramentas de heatmap coletam comportamento, o que exige atenção à LGPD:
- Mascare campos sensíveis. Formulários com dados pessoais, senhas e pagamento devem ser ocultados nas gravações. As ferramentas oferecem essa configuração. Verifique se está ativa.
- Informe na política de privacidade que o site usa ferramentas de análise de comportamento.
- Respeite o consentimento. Se a pessoa recusou cookies de análise, a coleta não deve acontecer.
- Não use para identificar indivíduos. O propósito é padrão agregado, não vigilância de visitante específico.
Conclusão
Heatmap é a ferramenta que transforma "a conversão está baixa" em "as pessoas não chegam ao botão". Essa tradução é o que torna a decisão possível. Ele não substitui o analytics: complementa, mostrando o onde que os números não alcançam. O próximo passo é escolher uma página que já recebe tráfego e converte abaixo do esperado, ativar a coleta por duas semanas e, antes de olhar o resultado, anotar o que você espera encontrar. A diferença entre o previsto e o observado é onde está o insight.
