Mapa de calor: onde as pessoas realmente clicam no seu site

O relatório diz que a sua página de serviços recebeu 480 visitas no mês e gerou apenas 6 contatos. O número é claro, mas ele não responde a pergunta que interessa: o que aconteceu com as outras 474 pessoas? Elas não gostaram do preço? Não acharam o botão? Cansaram antes de chegar nele? Desistiram no celular?

É exatamente esse buraco que o mapa de calor preenche. Ele transforma o comportamento de centenas de visitantes em uma imagem colorida sobreposta à sua página, mostrando onde as pessoas clicam, até onde elas descem e em que ponto perdem o interesse. Em vez de adivinhar, você olha.

Neste guia você vai entender o que é um mapa de calor, quais tipos existem, o que cada um revela sobre o seu site, como usar esse material na prática e quais armadilhas fazem você tirar a conclusão errada da imagem bonita.

O que é um mapa de calor

Mapa de calor (ou heatmap) é uma imagem da sua própria página com manchas coloridas por cima. As cores indicam intensidade: as regiões que receberam muita atenção aparecem em destaque, as ignoradas ficam apagadas. É como se você pudesse ver, de uma vez só, as pegadas de todo mundo que passou por ali.

O funcionamento é simples. Um pequeno código instalado no site registra, de forma anônima, onde o cursor clicou, onde o dedo tocou e até onde a página foi rolada. Depois de algumas centenas de visitas, a ferramenta empilha tudo isso em uma única imagem. Nenhum visitante é identificado individualmente — o valor está no padrão coletivo, não na pessoa.

Os três tipos que você vai encontrar

Mapa de cliques

Marca cada clique e cada toque na tela. É o mais imediato dos três e costuma trazer a maior surpresa: quase sempre aparecem cliques concentrados em coisas que não são clicáveis — uma foto de produto, um ícone decorativo, um título em destaque. Toda vez que isso acontece, o site frustrou alguém que queria fazer algo e não conseguiu.

Mapa de rolagem

Mostra até que altura da página as pessoas chegaram. Você descobre, por exemplo, que só 30% dos visitantes veem os depoimentos que você caprichou tanto para conseguir, porque eles estão abaixo de um bloco longo que ninguém tem paciência de atravessar. Também revela as "falsas bordas": trechos em que o visual dá a impressão de que a página acabou e as pessoas param de rolar.

Gravação de sessão

Tecnicamente não é um mapa, mas vem junto na maioria das ferramentas. É uma reprodução anônima do caminho do cursor de um visitante específico: as idas e voltas, as pausas, a rolagem nervosa para cima e para baixo procurando um preço. Assistir a cinco gravações de pessoas que abandonaram o formulário costuma ensinar mais do que uma semana inteira de relatórios.

O que você consegue enxergar com isso

• Botão principal ignorado. Se a área do botão está apagada, o problema pode ser a posição, o texto ou a falta de contraste. Vale rever o que é um CTA e como usar.
• Cliques no que não é clicável. Fotos, números de telefone escritos como texto simples, endereços que não abrem o mapa. Cada um desses é um pedido de funcionalidade que o visitante fez e você não atendeu.
• Conteúdo que ninguém alcança. Informação importante enterrada no fim da página, longe dos olhos de quem decide.
• Diferença entre celular e computador. O mesmo bloco pode funcionar bem em uma tela grande e virar uma parede de texto no telefone.
• O campo que trava o formulário. As gravações mostram exatamente em qual pergunta a pessoa parou, apagou e foi embora.
• Menu confuso. Cliques repetidos no mesmo item, ou idas e voltas entre abas, indicam que os nomes das seções não estão claros.

Como usar na prática, sem virar passatempo

1. Escolha uma página por vez. Comece pela que mais recebe visitas ou pela que tem o objetivo mais valioso: a inicial, a de serviços ou a landing page dos seus anúncios.
2. Espere volume suficiente. Com 30 visitas, a imagem é só ruído colorido. Acumule pelo menos algumas centenas de sessões antes de concluir qualquer coisa.
3. Olhe celular e computador separadamente. São layouts diferentes; misturar os dois esconde justamente o problema que você procura.
4. Escreva as três coisas que mais chamaram atenção. Nada de anotar vinte observações. Três bastam para gerar trabalho de um mês.
5. Transforme cada observação em hipótese. "Ninguém chega no botão" vira "se eu repetir o botão no meio da página, os contatos aumentam".
6. Mude e confirme com número. O mapa de calor levanta a suspeita; quem dá o veredito é a sua taxa de conversão — de preferência com um teste A/B comparando as duas versões.

Traduzindo o que você vê

Cuidados para não tirar a conclusão errada

O mapa de calor é uma imagem convincente — e é justamente isso que o torna perigoso nas mãos apressadas. Alguns cuidados:

• Ele mostra o "onde", não o "porquê". Uma mancha intensa pode significar interesse ou confusão. Quem responde isso é a gravação de sessão ou uma conversa com o cliente.
• Pouco tráfego, nenhuma conclusão. Três visitantes viram mancha vermelha e enganam qualquer um.
• Página que muda sozinha atrapalha. Se o conteúdo é diferente para cada pessoa, o mapa mistura coisas que não deveriam ser somadas.
• Não use para decidir detalhe minúsculo. Serve para reorganizar blocos, não para escolher o arredondamento de uma borda.
• Respeite a privacidade. Avise no aviso de cookies e na política de privacidade, e configure a ferramenta para ocultar o que as pessoas digitam em formulários.

Precisa de ferramenta paga?

Não para começar. As plataformas mais conhecidas oferecem planos gratuitos que dão conta de um site de negócio local, com limite de sessões gravadas por mês — mais do que suficiente para analisar duas ou três páginas. A instalação é a mesma de qualquer outro código de medição: um trecho colado no site, uma vez.

O que faz diferença não é a ferramenta, é o hábito. Ligar o mapa de calor por duas ou três semanas, olhar com calma, anotar, corrigir e desligar vale mais do que manter dez painéis abertos e nunca agir sobre nenhum deles. Se você ainda não acompanha os números básicos do site, comece por como medir os resultados do site — o mapa de calor é o capítulo seguinte, não o primeiro.

O caminho mais fácil

Instalar é rápido; interpretar é que dá trabalho. É comum o dono do negócio abrir o painel, achar as imagens bonitas e não saber o que fazer com elas — e aí a assinatura vira mais uma despesa parada.

Se preferir pular essa parte, a TH Designer é a opção fácil: instalamos a medição, acompanhamos os mapas pelo tempo necessário, traduzimos o que eles mostram em uma lista curta de ajustes e implementamos as mudanças na página. Conheça nossos serviços ou mande uma mensagem contando qual página do seu site parece não render o que deveria.

No fim, o mapa de calor só faz uma coisa: devolve para você a chance de observar o cliente entrando na loja — algo que quem vende no balcão faz o dia inteiro, sem perceber, e quem vende pela internet tinha perdido.

Perguntas frequentes