Heatmap (mapa de calor): o que é e como usar no site

O analytics diz o que aconteceu: quantas visitas, quanto tempo, qual a taxa de rejeição. O heatmap mostra onde aconteceu — e é essa diferença 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? {#o-que-e}

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 que 83% das pessoas param de rolar antes de chegar ao botão de compra sugere exatamente o que fazer.

Os tipos de mapa de calor {#tipos}

1. Mapa de cliques (click map)

Mostra onde as pessoas clicam. É o tipo mais usado e o que costuma revelar os problemas mais óbvios.

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, é o tipo mais valioso.

3. Mapa de movimento (move map)

Registra o movimento do cursor, usado como aproximação da atenção.

Cuidado importante: a correlação entre onde o cursor está e onde os olhos estão é fraca. Muita gente move o mouse sem relação com a leitura, ou nem move. Trate 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.

Como o heatmap se diferencia do analytics {#vs-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 sem se enganar {#interpretar}

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 {#o-que-fazer}

Os achados mais comuns 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 {#erros}

• Instalar e nunca olhar. O mais comum de todos.
• 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 {#gancho-seo}

À primeira vista, heatmap é assunto de conversão, não de SEO. Mas há três conexões diretas:

1. Sinais de experiência influenciam o ranqueamento. Se as pessoas chegam pela busca e saem rapidamente sem encontrar o que procuravam, isso é sintoma de desalinhamento com a intenção de busca — o fator que mais derruba conteúdo bem escrito. 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. 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 conexão adicional que vale acompanhar: com respostas de IA reduzindo o clique para quem só queria um dado rápido, quem chega ao seu site tende a estar mais avançado na decisão. O comportamento na página muda — menos gente entrando e saindo, mais gente lendo com atenção. Se o seu heatmap mostrar rolagem mais profunda com menos visitas, isso é sinal de qualificação, não de perda. Veja SEO vs GEO.

Cuidados com privacidade {#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" — e 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.