Mapa de calor: definición, tipos e interpretación

Actualizado el February 22, 2026
Definición rápida
El mapa de calor (o heatmap) es una representación visual superpuesta a una página web que muestra mediante degradados de color las zonas con las que más y menos interactúan los usuarios — clics, movimientos del cursor o profundidad de scroll. Es una herramienta de análisis de comportamiento cualitativo complementaria a los datos numéricos clásicos.
Cómo funciona
Un mapa de calor codifica la intensidad de la interacción mediante el color: las zonas rojas o anaranjadas indican una fuerte concentración de interacciones; las zonas azules o frías, pocas interacciones.
Existen varios tipos de mapas de calor según lo que miden:
- Click maps: registran cada clic y revelan en qué elementos hacen clic los usuarios — a veces sobre elementos no clicables, señal de incomprensión de la interfaz
- Move maps: siguen los movimientos del cursor, que suelen correlacionar con las zonas de lectura visual en escritorio
- Scroll maps: muestran hasta dónde bajan los usuarios en una página y dónde se sitúa el «fold» real para tu audiencia
Los mapas de calor son especialmente útiles para diagnosticar problemas de UX: un CTA ignorado, un elemento de navegación confuso, un contenido importante colocado demasiado abajo. Complementan los datos analíticos cuantitativos aportando una dimensión cualitativa visual sobre el comportamiento de los usuarios.
Por qué es importante
Los mapas de calor cubren la brecha entre los datos numéricos (¿cuántas personas han visitado esta página?) y la comprensión del comportamiento (¿qué han hecho en esa página?).
Permiten identificar rápidamente problemas de UX invisibles en una tabla analítica clásica. Para los equipos que trabajan en la optimización del taux-de-conversion o en la mejora de la experiencia de usuario, los mapas de calor son a menudo el primer paso de investigación antes de lanzar tests A/B.
Cómo mejorarlo o utilizarlo
- 1Analiza los mapas de calor de tus páginas más importantes — página de inicio, páginas de producto, landing pages de campaña, páginas de conversión.
- 2Comprueba que tus CTA principales se encuentran en zonas calientes (muy vistas y clicadas).
- 3Identifica los clics en elementos no clicables para detectar incomprensiones de la interfaz.
- 4Usa los scroll maps para asegurarte de que tu contenido clave está colocado por encima del fold real de tu audiencia.
- 5Cruza los insights con tu embudo de conversión para priorizar las correcciones de mayor impacto.
Con Sublim
Sublim integra un análisis de profundidad de scroll y datos de comportamiento agregados que complementan los mapas de calor de otras herramientas. Como alternativa RGPD alojada en Europa, Sublim te ofrece datos de engagement anonimizados y completos para contextualizar tus análisis de UX sin comprometer la privacidad de tus visitantes — incluido el 30-50 % que rechaza las cookies en las herramientas tradicionales.
Preguntas frecuentes
¿Cuál es la diferencia entre un mapa de calor y una grabación de sesión?
Un mapa de calor es una vista agregada de los comportamientos de muchos usuarios sobre una misma página, presentada en forma de degradado de colores. Una grabación de sesión es la reproducción del recorrido individual de un usuario concreto. Ambas son complementarias: el heatmap aporta una visión global, la grabación una visión granular.
¿Son compatibles los mapas de calor con el RGPD?
Depende de la implementación. Los mapas de calor agregados y anonimizados, que no capturan ningún dato personal identificable, pueden utilizarse sin consentimiento. Las grabaciones de sesiones individuales, en cambio, pueden considerarse datos personales y requieren generalmente un consentimiento explícito.
¿Qué herramientas permiten crear mapas de calor?
Las herramientas más conocidas para mapas de calor son Hotjar, Microsoft Clarity (gratuita), Lucky Orange y Crazy Egg. Estas herramientas se especializan en el análisis cualitativo del comportamiento y suelen combinarse con una herramienta analítica cuantitativa como Sublim o GA4 para una visión completa.
Términos relacionados
El heatmap (o mapa de calor) es una representación visual que superpon…
La profundidad de scroll es el porcentaje de una página web que los us…
La tasa de rebote es el porcentaje de sesiones durante las cuales un u…
El test A/B es un método de experimentación controlada que consiste en…