Glosario

Qué muestra un mapa de scroll sobre dónde dejan de leer

Taras Shynkarenko
Taras Shynkarenko
•Actualizado: •9 min de lectura
Qué muestra un mapa de scroll sobre dónde dejan de leerQué muestra un mapa de scroll sobre dónde dejan de leer

TL;DR, Respuesta rápida

9 min de lectura

Un mapa de scroll es un mapa de calor que colorea cada franja horizontal de una página según el porcentaje de visitantes cuya pantalla llegó hasta ella, más caliente arriba y enfriándose a medida que la gente se va. Sus dos marcas más útiles son el pliegue medio, que muestra lo que los visitantes vieron antes de hacer scroll, y la columna de abandono, que muestra la franja donde se fue la mayor parte de la audiencia. Los mapas de scroll expresan porcentajes de la altura de la página, así que cualquier página cuya altura cambie entre visitas exige leerlos con cuidado.

¿Qué es un mapa de scroll?

En analítica web, un mapa de scroll es un mapa de calor que colorea cada franja horizontal de una página según el porcentaje de visitantes cuya pantalla llegó a esa franja, más caliente arriba, donde empieza todo el mundo, y enfriándose a medida que la gente se va. El script de seguimiento registra el punto más profundo al que llegó cada vista de página, y la herramienta de mapas de calor convierte esas profundidades en una curva acumulada pintada sobre una captura de pantalla. Úsalo para responder una sola pregunta: ¿vio suficiente gente la sección que importa antes de irse?

La documentación de Microsoft Clarity explica el propósito sin rodeos: los mapas de scroll "help you determine the ideal page length for maximum conversions and show how far your users scroll on the pages." Un mapa de scroll no muestra qué leyó, en qué hizo clic ni qué entendió la gente. Muestra el alcance, y el alcance es la primera puerta de la que dependen todas las demás métricas de la página. El resumen de todos los tipos de mapa de calor web coloca el mapa de scroll junto a los mapas de clics, de movimiento, de confeti y de atención.

¿Cómo calcula un mapa de scroll el porcentaje de cada franja?

Un mapa de scroll calcula el porcentaje de cada franja dividiendo el número de vistas de página que llegaron a esa profundidad entre el total de vistas de página de la muestra. Todos los visitantes cuentan como si hubieran llegado arriba, así que la curva empieza en 100% y solo puede bajar a medida que avanzas por la página.

Clarity muestra los números en un panel lateral con tres columnas. "% Scrolled" muestra "the page percent data in increments of 5%," "# of visitors" muestra cuántos usuarios llegaron a la página y "% drop off" muestra "the percent of visitors who dropped off at a corresponding percent of page height." Al pasar el ratón sobre el mapa se ve "the exact % of users who reached that point," y Clarity dibuja líneas predefinidas en el 25%, el 50% y el 75%.

Elemento del mapa de scrollQué muestraCómo usarlo
Franjas de colorParte de los visitantes que llegó a cada profundidad, de cálido a fríoUna lectura rápida de dónde se reduce la audiencia
Columna % ScrolledAltura de la página en pasos de 5%Situar una sección por su posición en la página
Columna % drop offParte de los visitantes perdida en cada pasoEncontrar la franja que pierde a más gente
Líneas del 25%, 50% y 75%Profundidad alcanzada por esa parte de los visitantesComprobar si una sección clave queda por encima o por debajo de cada línea
Pliegue medioLo que los visitantes vieron antes de hacer scrollDecidir qué va en la primera pantalla

La columna de abandono es la primera que hay que leer. Una caída suave de arriba abajo es normal. Un escalón brusco, en el que el 20% de los visitantes se va en una sola franja del 5%, apunta a una sección concreta que frena a la gente.

Una persona hace scroll en una página larga desde el móvil, para ilustrar cuánto ve un visitante antes de desplazarse.

¿Qué es el pliegue medio en un mapa de scroll?

El pliegue medio en un mapa de scroll es una línea que marca cuánta página vio en pantalla el visitante medio antes de hacer scroll. Clarity lo define como "the content seen above the fold based on the users accessing your site," y dice que "indicates the average location visible on a webpage before the user starts scrolling."

El pliegue es una media entre tamaños de pantalla, y por eso solo tiene sentido en un mapa filtrado a un tipo de dispositivo. Un mapa de escritorio y uno de móvil sitúan el pliegue en lugares muy distintos. Lee la línea como el borde de lo que todo el mundo vio sin esfuerzo. Todo lo que queda por debajo tuvo que ganarse un scroll.

¿En qué se diferencia un mapa de scroll del seguimiento de la profundidad de scroll?

Un mapa de scroll es una representación visual de la curva de alcance completa dibujada sobre la página, mientras que el seguimiento de la profundidad de scroll envía eventos de hito a tu herramienta de analítica cuando un visitante supera umbrales fijados, como el 25%, el 50%, el 75% y el 90%. Los dos miden hasta dónde llega la gente. Responden a preguntas de seguimiento distintas.

Mapa de scrollEventos de profundidad de scroll
ResultadoCapa de color sobre una capturaEventos en tus informes de analítica
ResoluciónContinua, cada franjaSolo los umbrales que defines
SegmentaciónFiltros dentro de la herramienta de mapas de calorCualquier dimensión que tenga tu herramienta de analítica, como fuente o campaña
Ideal paraDetectar en qué punto de la página se va la genteComparar el alcance entre páginas, fuentes y periodos

La guía de profundidad de desplazamiento cubre la parte de los eventos, incluido por qué la visibilidad de un elemento funciona mejor que los umbrales de porcentaje para una llamada a la acción. Usa el mapa de scroll para encontrar la franja problemática y luego usa eventos para ver si una corrección mueve el número con el tiempo.

Un analista toma notas junto a un portátil mientras revisa una página paso a paso.

¿Cómo se lee un mapa de scroll paso a paso?

Lee un mapa de scroll filtrando a un dispositivo, buscando el mayor abandono y comprobando después dónde quedan tus secciones clave respecto a las líneas del 50% y el 75%. Lleva unos minutos por página.

  1. Filtra a un tipo de dispositivo. Mezclar escritorio y móvil promedia dos alturas de página distintas en una curva sin sentido.
  2. Anota el pliegue medio. Haz una lista de lo que queda por encima. Si el titular, la oferta y la llamada a la acción principal no están todos ahí, empieza por eso.
  3. Busca la caída más pronunciada en la columna % drop off. Desplázate hasta esa franja en la captura y nombra la sección que hay allí.
  4. Marca tus secciones clave. Localiza la prueba social, los precios y el formulario o la llamada a la acción, y apunta el porcentaje de visitantes que llegó a cada uno.
  5. Compara con tu objetivo. Si los precios están donde solo llega el 30% de los visitantes, la mayor parte de la audiencia nunca vio el precio.
  6. Mira algunas grabaciones que terminen en la franja de abandono. El mapa te dice dónde se va la gente. Un session replay muestra qué había en pantalla cuando lo hizo.
  7. Mueve una sección y vuelve a medir. Cambia una cosa y compara el mapa nuevo con el anterior sobre el mismo número de días.

Los mismos pasos sirven para analizar cualquier landing page: el alcance va primero, porque una sección a la que no llega nadie no puede convertir a nadie.

Cuatro cosas que alargan o acortan una página
Imágenes e incrustados con carga diferida Añaden altura tras el primer renderizado, así que una sección queda en porcentajes distintos con conexiones rápidas y lentas
Scroll infinito y feeds de cargar más La página crece mientras el visitante hace scroll, así que el 80% se va moviendo
Acordeones y pestañas cerrados La página es más corta que la captura tomada con el contenido desplegado
Banners de cookies y barras promocionales fijas Empujan el contenido hacia abajo para unos visitantes y no para otros
Cada uno cambia lo que significa el 50% de la página.

¿Por qué un mapa de scroll engaña en algunas páginas?

Un mapa de scroll engaña cuando la altura de la página cambia entre visitas, porque cada porcentaje del mapa es un porcentaje de una altura que la herramienta da por fija. La propia escala de Clarity va en "percent of page height," y cualquier cosa que estire o encoja la página cambia lo que significa el 50%.

Cuatro patrones de página lo provocan. Las imágenes y los embeds con carga diferida añaden altura después del primer pintado, así que la misma sección queda en porcentajes distintos para conexiones rápidas y lentas. El scroll infinito y los feeds con "cargar más" hacen crecer la página mientras el visitante avanza, así que llegar al 80% de una página que no para de alargarse no es lo mismo que llegar al 80% de un artículo fijo. Los acordeones y las pestañas que empiezan cerrados hacen la página más corta que la captura cuando se cuenta el contenido desplegado. Los banners de cookies y las barras promocionales fijas empujan el contenido hacia abajo para unos visitantes y no para otros.

Flowsery
Flowsery

Empieza tu prueba gratis de 14 días

Panel en tiempo real

Seguimiento de objetivos

Rastreo sin cookies

Las páginas cortas provocan el problema contrario. Si la página entera cabe en una pantalla, todos los visitantes llegan al 100% sin hacer scroll, y el mapa muestra un calor uniforme que no significa nada. Compara el pliegue medio con la longitud de la página antes de interpretar los colores de una página corta.

¿Cómo mide Flowsery hasta dónde hacen scroll los visitantes?

Flowsery mide el alcance del scroll como parte de su analítica de landing pages, que recoge "sources, UTMs, referrers, scroll depth, CTA clicks, goals, and funnel steps without cookies or personal IDs." Flowsery describe el objetivo como medir "whether visitors reach proof, pricing, forms, and primary calls to action before they leave," que es la misma pregunta que responde un mapa de scroll, presentada como números que puedes comparar por página y fuente en lugar de como una capa de color. Flowsery no incluye mapas de scroll ni mapas de calor entre sus funciones. Su session replay graba cada clic y cada scroll como reproducción completa del DOM, así que puedes ver las visitas que se detuvieron en una sección concreta.

Preguntas frecuentes

¿Qué significa la zona roja de un mapa de scroll?

El rojo marca las franjas a las que llegó la mayor parte de los visitantes, que siempre es la parte de arriba de la página. El color se enfría a medida que los visitantes se van. Lee el porcentaje al pasar el ratón o en el panel lateral en lugar de juzgar solo por el color.

¿Qué es un buen resultado en un mapa de scroll?

Un buen resultado es aquel en el que tu llamada a la acción principal queda por encima de la profundidad que alcanza la mayoría de los visitantes en ese dispositivo. No hay un porcentaje universal, porque una página de precios corta y un artículo largo tienen trabajos distintos. Compara una página con sus propios mapas anteriores después de cada cambio.

¿Por qué mi mapa de scroll muestra 100% abajo del todo?

La página cabe en una pantalla para la mayoría de los visitantes, así que llegaron abajo sin hacer scroll. Un mapa de scroll en una página corta no tiene nada que medir. Comprueba dónde está el pliegue medio antes de leer los colores.

¿Debo crear mapas de scroll separados para móvil y escritorio?

Sí. La altura de la página, el pliegue y la posición de cada sección cambian con el tamaño de pantalla, así que un mapa combinado promedia dos páginas distintas. Por eso Clarity te deja cambiar entre las vistas de PC, tablet y móvil.

¿Qué diferencia hay entre un mapa de scroll y un mapa de atención?

Un mapa de scroll muestra hasta dónde llegaron los visitantes en la página. Un mapa de atención muestra cuánto tiempo estuvo en pantalla cada parte de la página. Una sección puede tener mucho alcance y poca atención cuando la gente pasa por ella sin detenerse.

¿Muestra un mapa de scroll si la gente leyó el contenido?

No. Un mapa de scroll registra que una franja estuvo en pantalla, no que alguien la leyera. Pasar rápido por una sección cuenta igual que detenerse a leerla, así que combina el mapa con datos de atención o grabaciones antes de afirmar que una sección se leyó.

¿Cómo encuentro en un mapa de scroll dónde se van los visitantes?

Lee la columna de abandono y busca el escalón más pronunciado. Una caída suave es normal, pero una franja donde se va el 20% de los visitantes de golpe señala una sección que frena a la gente. Desplázate a esa franja en la captura y nombra la sección que está ahí.

¿Por qué mi mapa de scroll se ve mal en una página con scroll infinito?

Cada porcentaje de un mapa de scroll es una parte de una altura de página que la herramienta da por fija. Un scroll infinito o un feed de cargar más crece mientras el visitante avanza, así que llegar al 80% no equivale a llegar al 80% de un artículo de largo fijo.

¿Tiene Flowsery mapas de scroll?

Flowsery no incluye mapas de scroll ni mapas de calor entre sus funciones. Mide la profundidad de scroll dentro de su analítica de landing pages, en forma de números que puedes comparar por página y por fuente. Su session replay permite ver las visitas que terminaron en una sección concreta.

¿Cómo sé si mover una sección mejoró mi mapa de scroll?

Cambia una sola cosa y compara el mapa nuevo con el anterior durante el mismo número de días. Los eventos de profundidad de scroll ayudan a ver si la cifra se mantiene con el tiempo. Las grabaciones que terminan en la franja de abandono muestran qué había en pantalla cuando la gente se fue.

¿Te resultó útil este artículo?

¡Cuéntanos qué opinas!

Vernos más en Google

Un clic marca Flowsery como fuente preferida y nuestros artículos aparecen más arriba en tus Noticias destacadas, el modo IA y los resúmenes con IA.

Antes de irte...

Flowsery

Flowsery

Analítica orientada a ingresos para tu sitio web

Rastrea cada visitante, fuente y conversión en tiempo real. Simple, potente y sin cookies.

Panel en tiempo real

Seguimiento de objetivos

Rastreo sin cookies

Términos relacionados del glosario

De dónde salen los datos en session replay vs mapas de calorDe dónde salen los datos en session replay vs mapas de calor
Glosario

De dónde salen los datos en session replay vs mapas de calor

Comparamos session replay vs mapas de calor: una visita frente a muchas, y cómo Hotjar, Datadog, PostHog, Clarity y FullStory los crean con o sin grabaciones.

•9 min de lectura
Todos los tipos de mapa de calor web, y qué mide cada unoTodos los tipos de mapa de calor web, y qué mide cada uno
Glosario

Todos los tipos de mapa de calor web, y qué mide cada uno

La expresión mapa de calor web abarca cinco capas: clics, scroll, movimiento, confeti y atención. Esto es lo que mide cada una y dónde te engaña cada una.

•9 min de lectura
Por qué above the fold es un comportamiento, no una altura en píxelesPor qué above the fold es un comportamiento, no una altura en píxeles
Glosario

Por qué above the fold es un comportamiento, no una altura en píxeles

El tiempo above the fold cayó del 80% en 2010 al 57% en 2018 en el eyetracking de NN/g. Por qué una altura fija en píxeles es el enfoque equivocado.

•9 min de lectura
Leer bien una curva de retención empieza con el análisis de cohortesLeer bien una curva de retención empieza con el análisis de cohortes
Glosario

Leer bien una curva de retención empieza con el análisis de cohortes

Una curva de retención solo tiene sentido cuando el análisis de cohortes agrupa usuarios por una misma fecha de inicio, ya que un promedio oculta el patrón.

•9 min de lectura
Por qué tu tasa de rebote de GA4 es la tasa de interacción al revésPor qué tu tasa de rebote de GA4 es la tasa de interacción al revés
Glosario

Por qué tu tasa de rebote de GA4 es la tasa de interacción al revés

Google mide la tasa de rebote de GA4 como la proporción de sesiones sin interacción. Cómo la define, en qué difiere de Universal Analytics y dónde añadirla.

•9 min de lectura
Qué cuenta el informe de páginas de destino de GA4 y dónde se queda en blancoQué cuenta el informe de páginas de destino de GA4 y dónde se queda en blanco
Glosario

Qué cuenta el informe de páginas de destino de GA4 y dónde se queda en blanco

En Reports, el informe de páginas de destino de GA4 lista la primera página de cada sesión. Dónde está, sus métricas, por qué sale (not set) y la fuente.

•10 min de lectura

Artículos relacionados