O que um mapa de rolagem mostra sobre onde os leitores param

O que é um mapa de rolagem?

Em web analytics, um mapa de rolagem é um mapa de calor que colore cada faixa horizontal de uma página pela porcentagem de visitantes cuja tela chegou até aquela faixa, mais quente no topo, onde todo mundo começa, e esfriando à medida que as pessoas saem. O script de tracking registra o ponto mais fundo até onde cada visualização de página rolou, e a ferramenta de mapa de calor transforma essas profundidades em uma curva cumulativa pintada sobre uma captura de tela. Use o mapa para responder a uma pergunta: pessoas suficientes viram a seção que importa antes de sair?

A documentação do Microsoft Clarity diz o propósito sem rodeios: os scroll maps "help you determine the ideal page length for maximum conversions and show how far your users scroll on the pages." Um mapa de rolagem não mostra o que as pessoas leram, clicaram ou entenderam. Ele mostra alcance, e o alcance é a primeira porta de que todas as outras métricas da página dependem. O panorama de todos os tipos de mapa de calor de site coloca o mapa de rolagem ao lado dos mapas de cliques, de movimento, confetti e de atenção.

Como um mapa de rolagem calcula a porcentagem em cada faixa?

Um mapa de rolagem calcula a porcentagem de cada faixa dividindo o número de visualizações de página que chegaram àquela profundidade pelo total de visualizações de página da amostra. Todo visitante conta como tendo chegado ao topo, então a curva começa em 100% e só pode cair à medida que você desce pela página.

O Clarity mostra os números em um painel lateral com três colunas. "% Scrolled" mostra "the page percent data in increments of 5%," "# of visitors" mostra quantos usuários chegaram à página, e "% drop off" mostra "the percent of visitors who dropped off at a corresponding percent of page height." Passar o mouse sobre o mapa mostra "the exact % of users who reached that point," e o Clarity desenha linhas predefinidas em 25%, 50% e 75%.

Elemento do mapa de rolagem	O que mostra	Como usar
Faixas de cor	Fatia de visitantes que chegou a cada profundidade, do quente ao frio	Uma leitura rápida de onde o público diminui
Coluna % Scrolled	Altura da página em passos de 5%	Localizar uma seção pela posição dela na página
Coluna % drop off	Fatia de visitantes perdida a cada passo	Encontrar a única faixa que perde mais gente
Linhas de 25%, 50% e 75%	Profundidade alcançada por essa fatia de visitantes	Conferir se uma seção-chave fica acima ou abaixo de cada linha
Dobra média	O que os visitantes viram antes de rolar	Decidir o que pertence à primeira tela

A coluna de abandono é a primeira a ler. Uma queda suave de cima para baixo é normal. Um degrau repentino, em que 20% dos visitantes saem em uma única faixa de 5%, aponta para uma seção específica que faz as pessoas pararem.

O que é a dobra média em um mapa de rolagem?

A dobra média em um mapa de rolagem é uma linha que marca quanto da página o visitante médio viu na tela antes de rolar qualquer coisa. O Clarity a define como "the content seen above the fold based on the users accessing your site," e diz que ela "indicates the average location visible on a webpage before the user starts scrolling."

A dobra é uma média entre tamanhos de tela, e é por isso que ela só faz sentido em um mapa filtrado para um tipo de dispositivo. Um mapa de desktop e um mapa de celular colocam a dobra em lugares muito diferentes. Leia a linha como a borda do que todo mundo viu de graça. Tudo abaixo dela precisou conquistar uma rolagem.

Qual é a diferença entre um mapa de rolagem e o tracking de profundidade de rolagem?

Um mapa de rolagem é uma visualização da curva completa de alcance desenhada sobre a página, enquanto o tracking de profundidade de rolagem envia eventos de marco para a sua ferramenta de analytics quando um visitante passa de limites definidos, como 25%, 50%, 75% e 90%. Os dois medem até onde as pessoas vão. Eles respondem a perguntas seguintes diferentes.

	Mapa de rolagem	Eventos de profundidade de rolagem
Saída	Sobreposição colorida em uma captura de tela	Eventos nos seus relatórios de analytics
Resolução	Contínua, cada faixa	Só os limites que você define
Segmentação	Filtros dentro da ferramenta de mapa de calor	Qualquer dimensão que a sua ferramenta de analytics guarda, como origem ou campanha
Melhor para	Identificar em que ponto da página as pessoas saem	Comparar o alcance entre páginas, origens e períodos

O guia de profundidade de rolagem cobre o lado dos eventos, incluindo por que a visibilidade do elemento funciona melhor que limites percentuais para uma chamada para ação. Use o mapa de rolagem para achar a faixa com problema e depois use eventos para acompanhar se uma correção mexe no número ao longo do tempo.

Como ler um mapa de rolagem passo a passo?

Leia um mapa de rolagem filtrando para um dispositivo, encontrando o maior abandono e depois conferindo onde as suas seções-chave ficam em relação às linhas de 50% e 75%. Isso leva alguns minutos por página.

1. Filtre para um tipo de dispositivo. Misturar desktop e celular faz a média de duas alturas de página diferentes em uma única curva sem sentido.
2. Anote a dobra média. Liste o que fica acima dela. Se o título, a oferta e a chamada para ação principal não estiverem todos ali, comece por isso.
3. Encontre a queda mais íngreme na coluna % drop off. Role até essa faixa na captura de tela e dê nome à seção que fica ali.
4. Marque as suas seções-chave. Encontre a prova social, os preços e o formulário ou a chamada para ação, e anote a porcentagem de visitantes que chegou a cada um.
5. Compare com a sua meta. Se os preços ficam onde só 30% dos visitantes chegam, a maior parte do público nunca viu o preço.
6. Assista a algumas gravações que terminam na faixa de abandono. O mapa diz onde as pessoas saem. Um session replay mostra o que estava na tela quando elas saíram.
7. Mova uma seção e meça de novo. Mude uma coisa e depois compare o novo mapa com o antigo ao longo do mesmo número de dias.

Os mesmos passos valem para analisar qualquer landing page: o alcance vem primeiro, porque uma seção a que ninguém chega não converte ninguém.

Quatro coisas que esticam ou encurtam uma página

Imagens e embeds com carregamento tardio Acrescentam altura depois da primeira renderização, então uma seção fica em porcentagens diferentes em conexões rápidas e lentas

Rolagem infinita e feeds de carregar mais A página cresce enquanto o visitante rola, então a marca de 80% vai se movendo

Acordeões e abas fechados A página é mais curta que a captura feita com o conteúdo expandido

Banners de cookies e barras promocionais fixas Empurram o conteúdo para baixo para alguns visitantes e não para outros

Por que um mapa de rolagem engana em algumas páginas?

Um mapa de rolagem engana quando a altura da página muda entre visitas, porque cada porcentagem no mapa é uma porcentagem de uma altura que a ferramenta supõe ser fixa. A própria escala do Clarity é em "percent of page height," e qualquer coisa que estique ou encolha a página muda o que 50% significa.

Quatro padrões de página causam isso. Imagens e embeds com lazy loading acrescentam altura depois da primeira renderização, então a mesma seção fica em porcentagens diferentes para conexões rápidas e lentas. Rolagem infinita e feeds com "carregar mais" fazem a página crescer à medida que o visitante rola, então chegar a 80% de uma página que não para de crescer não é o mesmo que chegar a 80% de um artigo fixo. Acordeões e abas que começam fechados deixam a página mais curta que a captura de tela quando o conteúdo expandido é contado. Banners de cookies e barras promocionais fixas empurram o conteúdo para baixo para alguns visitantes e não para outros.

Páginas curtas causam o problema oposto. Se a página inteira cabe em uma tela, todo visitante chega a 100% sem rolar, e o mapa mostra um calor uniforme que não significa nada. Confira a dobra média contra o comprimento da página antes de interpretar as cores de uma página curta.

Como o Flowsery mede até onde os visitantes rolam?

O Flowsery mede o alcance de rolagem como parte do seu analytics de landing page, que captura "sources, UTMs, referrers, scroll depth, CTA clicks, goals, and funnel steps without cookies or personal IDs." O Flowsery descreve o propósito como medir "whether visitors reach proof, pricing, forms, and primary calls to action before they leave," que é a mesma pergunta que um mapa de rolagem responde, informada como números que você pode comparar por página e por origem, e não como uma sobreposição de cor. O Flowsery não lista mapas de rolagem nem mapas de calor entre os seus recursos. O session replay dele grava cada clique e cada rolagem como uma reprodução completa do DOM, então você pode assistir às visitas que pararam em uma determinada seção.

Perguntas frequentes

O que significa a área vermelha em um mapa de rolagem?

O vermelho marca as faixas que a maior fatia de visitantes alcançou, que é sempre o topo da página. A cor esfria à medida que os visitantes saem. Leia a porcentagem ao passar o mouse ou no painel lateral em vez de julgar só pela cor.

O que é um bom resultado em um mapa de rolagem?

Um bom resultado é aquele em que a sua chamada para ação principal fica acima da profundidade alcançada pela maioria dos visitantes naquele dispositivo. Não existe uma porcentagem universal, porque uma página de preços curta e um artigo longo têm funções diferentes. Compare uma página com os mapas anteriores dela depois de cada mudança.

Por que meu mapa de rolagem mostra 100% no final da página?

A página cabe em uma tela para a maioria dos visitantes, então eles chegaram ao final sem rolar. Um mapa de rolagem em uma página curta não tem nada para medir. Confira onde fica a dobra média antes de ler as cores.

Devo montar mapas de rolagem separados para celular e desktop?

Sim. A altura da página, a dobra e a posição de cada seção mudam com o tamanho da tela, então um mapa combinado faz a média de duas páginas diferentes. O Clarity permite alternar entre as visualizações de PC, tablet e celular por esse motivo.

Qual é a diferença entre um mapa de rolagem e um mapa de atenção?

Um mapa de rolagem mostra até onde na página os visitantes chegaram. Um mapa de atenção mostra quanto tempo cada parte da página ficou na tela. Uma seção pode ter alcance alto e atenção baixa quando as pessoas rolam direto por ela.

Um mapa de rolagem mostra se as pessoas leram o conteúdo?

Não. Um mapa de rolagem registra que uma faixa esteve na tela, não que alguém a leu. Rolar rápido por uma seção conta o mesmo que parar para lê-la, então combine o mapa com dados de atenção ou com gravações antes de afirmar que uma seção foi lida.

Como encontro em um mapa de rolagem o ponto onde os visitantes saem?

Leia a coluna de abandono e procure o degrau mais íngreme. Uma queda suave é normal, mas uma faixa em que 20% dos visitantes saem de uma vez aponta para uma seção que trava as pessoas. Role até essa faixa na captura e dê nome à seção que está ali.

Por que meu mapa de rolagem parece errado em uma página com rolagem infinita?

Cada porcentagem de um mapa de rolagem é uma fatia de uma altura de página que a ferramenta assume como fixa. Uma rolagem infinita ou um feed de carregar mais cresce enquanto o visitante avança, então chegar a 80% dela não é o mesmo que chegar a 80% de um artigo de tamanho fixo.

O Flowsery tem mapas de rolagem?

O Flowsery não lista mapas de rolagem nem heatmaps entre os seus recursos. Ele mede a profundidade de rolagem dentro da análise de landing pages, em números que você pode comparar por página e por origem. O session replay permite assistir às visitas que pararam em uma seção específica.

Como sei se mover uma seção melhorou meu mapa de rolagem?

Mude uma única coisa e compare o mapa novo com o antigo pelo mesmo número de dias. Os eventos de profundidade de rolagem ajudam a ver se o número se mantém ao longo do tempo. As gravações que terminam na faixa de abandono mostram o que estava na tela quando as pessoas saíram.