Inicio › Marketing › Mapa de calor
Un mapa de calor (heatmap) es una representación visual de datos de comportamiento de los usuarios en una página web, donde los colores indican la frecuencia de interacción: las zonas más cálidas (rojo, naranja, amarillo) muestran mayor actividad y las frías (azul, verde) menor actividad. Existen tres tipos principales: click maps (muestran dónde hacen clic los usuarios), scroll maps (hasta qué punto de la página bajan los usuarios) y move maps (el movimiento del ratón como indicador de la atención visual). Los mapas de calor son una herramienta fundamental del CRO (optimización de la tasa de conversión) porque permiten entender el comportamiento real de los usuarios sin preguntar directamente. En España, el uso de herramientas de heatmap que recopilan datos de comportamiento está sujeto al RGPD y la normativa de cookies de la LSSI.
Imagina que tienes una tienda de zapatos en Madrid y pones una cámara que graba a todos los clientes durante el día. Al revisar el vídeo, ves que el 90% de los clientes se detiene en el escaparate de la derecha pero casi nadie entra a la sección del fondo. Con esa información, rediseñas el fondo de la tienda para que sea más visible. Un mapa de calor hace exactamente eso pero para tu web: te muestra visualmente qué zonas de tu página captan más atención, qué botones se pulsan más y hasta dónde bajan los visitantes antes de abandonar la página. Sin salir de tu escritorio, puedes descubrir por qué la gente no está haciendo clic en tu botón de compra.
Fernando Pascual tiene una agencia de seguros de hogar online en Valencia. Su página de productos tenía una tasa de conversión del 1,2%, por debajo de la media del sector. Implementó Hotjar (plan gratuito hasta 35 sesiones diarias) y configuró un click map y un scroll map para la página principal de productos. Los resultados fueron reveladores: el 78% de los usuarios hacía scroll hasta el 60% de la página y se detenía antes de llegar al botón de presupuesto. El click map mostraba que la mayoría de clics iban a la imagen decorativa que parecía un botón pero no lo era. Fernando movió el CTA al 40% de la página (por encima del punto de abandono), cambió la imagen decorativa por un botón real y añadió el resumen de coberturas antes del CTA. La tasa de conversión subió del 1,2% al 3,1% en el mes siguiente.
Para implementar y aprovechar los mapas de calor se siguen 4 pasos. Seleccionar la herramienta: Hotjar (plan gratuito disponible), Microsoft Clarity (gratuito ilimitado), Crazy Egg, o Mouseflow para sitios con más requisitos. Instalar el script de seguimiento (generalmente mediante Google Tag Manager) y configurar el consentimiento de cookies correctamente. Definir las páginas más críticas a analizar: landing pages de campañas, páginas de producto con mayor tráfico, páginas de checkout en e-commerce. Recopilar datos suficientes (mínimo 500-1.000 sesiones por página para que el mapa sea representativo) y extraer insights accionables: ¿hay CTAs que se confunden con decoración? ¿los usuarios abandolan antes de ver la propuesta de valor clave? ¿hay zonas de atención alta sin CTA?
El error más frecuente es analizar páginas con poco tráfico (menos de 200 sesiones) donde el mapa de calor no es estadísticamente representativo. Otro error es confundir el movimiento del ratón con la atención visual real: los usuarios móviles no usan ratón, por lo que los move maps solo son útiles para tráfico de escritorio. No segmentar los mapas de calor por tipo de dispositivo (móvil vs desktop) puede llevar a conclusiones incorrectas, ya que el comportamiento es muy diferente.
Las herramientas de mapas de calor que recopilan datos de comportamiento de usuarios en España deben cumplir el RGPD (art. 6) para la base jurídica del tratamiento y el artículo 22 de la LSSI para el uso de cookies de análisis comportamental. Microsoft Clarity ofrece una configuración especial sin cookies para cumplir con el RGPD. Para herramientas como Hotjar, se requiere consentimiento de cookies del tipo analítico antes de activar el tracking. La AEPD puede sancionar el uso de heatmaps sin consentimiento adecuado.
Un click map muestra dónde hacen clic los usuarios (o tocan en móvil), identificando los elementos más interactivos y los que se confunden con botones. Un scroll map muestra hasta qué porcentaje de la página bajan los usuarios antes de abandonarla, identificando el punto de abandono típico y si el contenido clave está por encima o por debajo de ese punto.
Microsoft Clarity es completamente gratuito y ofrece mapas de calor, grabaciones de sesión y un dashboard de análisis básico sin límite de sesiones. Para la mayoría de las pymes y proyectos de menos de 500.000 visitas mensuales, Clarity es más que suficiente. Para análisis más avanzados o con integración nativa con A/B testing, herramientas de pago como Hotjar o VWO ofrecen más funcionalidades.
No. Los mapas de calor son herramientas de diagnóstico que te dicen qué está pasando (dónde hacen clic, hasta dónde bajan). El A/B testing es la herramienta de validación que te dice si un cambio mejora o empeora la conversión de forma estadísticamente significativa. El proceso ideal usa primero el heatmap para identificar el problema, luego el A/B test para validar la solución.
Sí. Hotjar requiere que el usuario haya aceptado las cookies analíticas o de rendimiento para activarse. Debes configurar el consentimiento en tu plataforma de gestión de cookies (por ejemplo, con Cookiebot o CookieYes) para que Hotjar solo se inicialice cuando el usuario haya dado su consentimiento. Hotjar también permite la supresión automática de datos sensibles (emails, contraseñas) en sus grabaciones de sesión.
Para páginas de alto tráfico, 1.000-2.000 sesiones son suficientes para obtener un heatmap representativo. Para páginas de bajo tráfico, espera a tener al menos 300-500 sesiones antes de extraer conclusiones. Para tests en móvil y escritorio por separado, duplica esas cifras. Los heatmaps con menos de 100 sesiones son estadísticamente poco fiables.