Os mapas de calor de rolagem revelam até onde os visitantes rolam nas suas páginas e onde eles param de ler. Use-os para decidir o que pertence perto do topo de uma página e quanto tempo uma página pode razoavelmente ser.
O que são mapas de calor de rolagem?
Um mapa de calor de rolagem é uma visualização de profundidade de uma única página. Em vez de plotar cliques individuais, ele pinta faixas horizontais sobre uma captura de tela da página, coloridas pela proporção de visualizações de página que atingiram cada profundidade. O topo da página é atingido por todos, então fica mais quente; a cor esfria conforme você desce e menos pessoas rolam tão longe.
| Elemento | O que ele diz |
|---|---|
| Faixas de profundidade | A proporção de visualizações ainda presentes em cada profundidade |
| Réguas de profundidade | A 25%, 50% e 75% da página, a porcentagem de visualizações que atingiram esse ponto |
| Marcador de profundidade média | A profundidade média que os visitantes atingem nesta página |
Escala de cores
A sobreposição usa a mesma rampa térmica contínua do mapa de calor de clique, relabelada para rolagem. A legenda abaixo do mapa de calor marca Menos visualizações em uma extremidade e Mais visualizações na outra. Faixas mais quentes perto do topo significam que a maioria dos visitantes viu esse conteúdo; faixas mais frias para baixo significam que menos pessoas rolaram tão longe.
Acessando mapas de calor de rolagem
Mapas de calor são um recurso pago, disponível no Pro e acima.
Abra os mapas de calor
Selecione Mapas de Calor na barra lateral ou abra o painel de um site e escolha a aba Mapas de Calor.
Escolha uma página
O painel esquerdo lista as páginas que coletaram dados. Use a caixa de pesquisa para filtrar e clique em uma página para carregá-la.
Mude para Rolagem
Acima do mapa de calor, use o alternador Clique / Rolagem para mudar para a visualização de profundidade de rolagem para a mesma página.
Entendendo a exibição
Faixas de profundidade
O mapa de calor de rolagem sobrepõe uma captura de tela de sua página com um gradiente vertical suave. A cor da faixa codifica a proporção de visualizações de página que rolaram até pelo menos essa profundidade, então a sobreposição desvanece de quente (todos) no topo para frio (poucos) mais para baixo.
Você pode:
- Ver o conteúdo real da página sob a sobreposição
- Ampliar e reduzir com os controles na tela, ou fazer pinça em dispositivos de toque
- Arrastar para panoramizar uma vez ampliado
Réguas de profundidade
Réguas tracejadas a 25%, 50% e 75% da altura da página são cada uma rotuladas com o alcance naquele ponto, por exemplo "62% das visualizações atingiram aqui". Elas lhe fornecem pontos de leitura concretos sem precisar passar o mouse.
Profundidade média
Um marcador mostra a profundidade média que os visitantes atingem nesta página, integrada a partir da distribuição de rolagem. É um indicador rápido de até onde o visitante típico chega antes de sair ou parar.
O cabeçalho acima do mapa de calor resume os dados, mostrando o número de visualizações de página na janela selecionada juntamente com a distribuição de profundidade de rolagem.
Intervalo de tempo
Um seletor de período permite você limitar o mapa de calor a uma janela recente: 7 dias, 30 dias, 90 dias, ou 6 meses. Janelas mais longas estão disponíveis em planos superiores; opções bloqueadas mostram um ícone de cadeado e o plano necessário para desbloqueá-las.
Visualização em tela cheia
Clique em Tela cheia para abrir a página em um inspetor de tela cheia. As faixas de rolagem e as réguas rastreiam a captura de tela conforme você amplia e faz panorama, o que é útil para páginas longas onde a visualização embutida está apertada. Pressione Escape ou clique em Sair para voltar.
Analisando páginas
Conteúdo de formato longo
Para artigos e postagens de blog:
- Onde os leitores param?
- A página é muito longa para o público?
- As imagens e subtítulos mantêm as pessoas se movendo para baixo?
Páginas de destino
Para páginas de conversão:
- O call-to-action está acima do ponto onde a maioria dos visitantes para?
- Quantas pessoas atingem a oferta mais para baixo?
- Onde a queda se concentra?
Páginas de comércio eletrônico
Para páginas de produtos:
- Os visitantes atingem críticas e especificações?
- O botão de compra está ao alcance da maioria das visualizações?
Lendo abandonos
Uma transição nítida de uma faixa quente para uma faixa fria significa que muitos visitantes pararam naquela profundidade. Um desvanecimento gradual é uma rolagem normal. Um penhasco inicial geralmente aponta para um problema de conteúdo ou layout naquele ponto da página.
Causas comuns de abandono antecipado:
| Causa | O que tentar |
|---|---|
| Conteúdo fraco | Melhore a abertura e divida o texto denso |
| Carregamento lento | Otimize imagens e scripts pesados |
| Tarefa concluída | O visitante conseguiu o que procurava, o que pode estar bem |
| Elemento distrator | Reposicione-o ou remova-o |
Melhorando a profundidade de rolagem
- Divida o texto longo em seções mais curtas
- Adicione visuais entre blocos de texto
- Use subtítulos claros e persuasivos
- Crie curiosidade e apresente conteúdo abaixo para criar um motivo para continuar rolando
Melhores práticas
Posicionamento do conteúdo
Use os dados de profundidade para ordenar a página: conteúdo mais importante e call-to-action primário perto do topo, conteúdo secundário para baixo.
Comprimento da página
Adapte o comprimento à intenção. Mantenha as páginas curtas para ações rápidas; páginas mais longas são finas quando o conteúdo justifica a rolagem e os dados de profundidade mostram que as pessoas atingem o fundo.
Celular vs. Desktop
O comportamento de rolagem difere por dispositivo. Capture uma página em uma janela significativa e compare-a com seus dados de clique e sessão para entender como os visitantes realmente se movem através dela.
Combinando com outros dados
Clique e rolagem
Use ambos os modos na mesma página. A rolagem mostra que conteúdo foi visto; cliques mostram que atraiu ação. Juntos, eles dão uma imagem mais completa de como uma página funciona.
Sessões
Quando um padrão de profundidade levanta uma pergunta, assista às gravações de sessão individuais para a mesma página para entender o "porquê" por trás de onde as pessoas param.