Los mapas de calor de desplazamiento revelan hasta dónde desplazan los visitantes tus páginas y dónde dejan de leer. Utilízalos para decidir qué contenido debe colocarse cerca de la parte superior de una página y cuánto tiempo puede ser razonablemente una página.
¿Qué son los mapas de calor de desplazamiento?
Un mapa de calor de desplazamiento es una vista de profundidad de una sola página. En lugar de trazar clics individuales, pinta bandas horizontales sobre una captura de pantalla de la página, coloreadas por la proporción de páginas vistas que alcanzaron cada profundidad. La parte superior de la página es alcanzada por todos, por lo que es la más caliente; el color se enfría a medida que desciendes y menos personas desplazan tan lejos.
| Elemento | Lo que te dice |
|---|---|
| Bandas de profundidad | La proporción de vistas aún presentes en cada profundidad |
| Reglas de profundidad | A 25%, 50% y 75% de la página, el porcentaje de vistas que alcanzaron ese punto |
| Marcador de profundidad promedio | La profundidad promedio que alcanzan los visitantes en esta página |
Escala de colores
La superposición utiliza la misma rampa térmica continua que el mapa de calor de clics, relabelado para desplazamiento. La leyenda debajo del mapa de calor marca Menos vistas en un extremo y Más vistas en el otro. Las bandas más cálidas cerca de la parte superior significan que la mayoría de los visitantes vieron ese contenido; las bandas más frías hacia abajo significan que menos personas se desplazaron tan lejos.
Acceso a los mapas de calor de desplazamiento
Los mapas de calor son una función de pago, disponible en Pro y superior.
Abre Heatmaps
Selecciona Heatmaps de la barra lateral o abre el panel de una página web y elige la pestaña Heatmaps.
Elige una página
El panel izquierdo lista las páginas que han recopilado datos. Utiliza el cuadro de búsqueda para filtrar, luego haz clic en una página para cargarla.
Cambia a Desplazamiento
Arriba del mapa de calor, utiliza el conmutador Clic / Desplazamiento para cambiar a la vista de profundidad de desplazamiento para la misma página.
Entender la pantalla
Bandas de profundidad
El mapa de calor de desplazamiento superpone una captura de pantalla de tu página con un gradiente vertical suave. El color de la banda codifica la proporción de páginas vistas que se desplazaron al menos esa profundidad, por lo que la superposición se desvanece de caliente (todos) en la parte superior a frío (pocos) más abajo.
Puedes:
- Ver el contenido real de la página debajo de la superposición
- Ampliar y reducir con los controles en la pantalla, o pellizcar en dispositivos táctiles
- Arrastrar para desplazarse una vez que hayas ampliado
Reglas de profundidad
Las reglas punteadas al 25%, 50% y 75% de la altura de la página están etiquetadas con el alcance en ese punto, por ejemplo "62% de las vistas alcanzaron aquí". Estos te dan puntos de lectura concretos sin necesidad de pasar el ratón.
Profundidad promedio
Un marcador muestra la profundidad promedio que alcanzan los visitantes en esta página, integrado desde la distribución de desplazamiento. Es un indicador rápido de qué tan lejos llega el visitante típico antes de irse o detenerse.
El encabezado arriba del mapa de calor resume los datos, mostrando el número de páginas vistas en la ventana seleccionada junto con la distribución de profundidad de desplazamiento.
Rango de tiempo
Un selector de período te permite limitar el mapa de calor a una ventana reciente: 7 días, 30 días, 90 días, o 6 meses. Las ventanas más largas están disponibles en planes superiores; las opciones bloqueadas muestran un icono de candado y el plan necesario para desbloquearlas.
Vista a pantalla completa
Haz clic en Pantalla completa para abrir la página en un inspector de pantalla completa. Las bandas de desplazamiento y las reglas rastrean la captura de pantalla mientras amplías y desplazas, lo que es útil para páginas largas donde la vista en línea es estrecha. Presiona Escape o haz clic en Salir para volver.
Analizar páginas
Contenido de formato largo
Para artículos y publicaciones de blog:
- ¿Dónde se detienen los lectores?
- ¿Es la página demasiado larga para la audiencia?
- ¿Las imágenes y subtítulos mantienen a las personas moviéndose hacia abajo?
Páginas de aterrizaje
Para páginas de conversión:
- ¿Está la llamada a la acción por encima del punto donde se detienen la mayoría de los visitantes?
- ¿Cuántas personas alcanzan la oferta más abajo?
- ¿Dónde se concentra el abandono?
Páginas de comercio electrónico
Para páginas de productos:
- ¿Alcanzan los visitantes las críticas y especificaciones?
- ¿El botón de compra está al alcance de la mayoría de las vistas?
Lectura de abandonos
Una transición nítida de una banda cálida a una banda fría significa que muchos visitantes se detuvieron en esa profundidad. Un desvanecimiento gradual es desplazamiento normal. Un acantilado temprano generalmente apunta a un problema de contenido o diseño en ese punto de la página.
Causas comunes de abandono temprano:
| Causa | Qué intentar |
|---|---|
| Contenido débil | Mejora la apertura y divide el texto denso |
| Carga lenta | Optimiza imágenes y scripts pesados |
| Tarea completada | El visitante consiguió lo que vino, lo que puede estar bien |
| Elemento distrayente | Reposicionalo o elimínalo |
Mejorar la profundidad de desplazamiento
- Divide el texto largo en secciones más cortas
- Agrega elementos visuales entre bloques de copias
- Utiliza subtítulos claros y convincentes
- Crea curiosidad y filtra contenido a continuación para crear una razón para seguir desplazándose
Mejores prácticas
Colocación de contenido
Utiliza los datos de profundidad para ordenar la página: contenido más importante y llamadas a la acción primarias cerca de la parte superior, contenido secundario más abajo.
Longitud de página
Adapta la longitud a la intención. Mantén las páginas cortas para acciones rápidas; las páginas más largas están bien cuando el contenido justifica el desplazamiento y los datos de profundidad muestran que las personas alcanzan el fondo.
Móvil vs. Escritorio
El comportamiento de desplazamiento difiere según el dispositivo. Captura una página durante una ventana significativa y compárala con tus datos de clic y sesión para entender cómo se mueven realmente los visitantes a través de ella.
Combinación con otros datos
Clic y desplazamiento
Utiliza ambos modos en la misma página. El desplazamiento muestra qué contenido fue visto; los clics muestran qué atrajo la acción. Juntos dan una imagen más completa de cómo funciona una página.
Sesiones
Cuando un patrón de profundidad plantea una pregunta, mira las grabaciones de sesión individuales para la misma página para entender el "por qué" detrás de dónde se detiene la gente.