¿Qué es un HeatMap y cómo usarlo para mejorar su sitio web?
Publicado: 2018-08-14En el mundo digital todo es analizable, todo medible, y todo se puede mejorar después de analizar todos los datos que nos brindan las distintas herramientas que tenemos a nuestra disposición, como es el caso de “Mailrelay” para la creación de campañas de email marketing.
En esta ocasión quiero hablar de Heatmaps o mapas de calor, como elemento imprescindible para analizar tu sitio.
Esta es una herramienta fantástica para optimizar su estrategia digital, maximizar sus conversiones y obtener los resultados que desea: una “máquina” para atraer contactos, obtener ventas de productos, nuevos contratos, lectores para sus artículos y un sinfín de otros beneficios.
Pero como este es un término algo técnico y no tan popular, incluso entre los profesionales del sector digital, empezaré por definir:
- 1 · ¿Qué es un mapa de calor?
- 2 · ¿Por qué debería trabajar con un mapa de calor?
- 3 · Tipos de mapas de calor
- 3.1 1. Mapas de movimiento del mouse
- 3.2 2. Haga clic en Mapa
- 3.3 3. Desplazarse por el mapa
- 4 · Herramientas para crear mapas de calor
- 4.1 1. Métricas de Yandex
- 4.2 2. Huevo loco
- 4.3 3. Heatmap.me
- 4.4 4. Hotjar
- 5 · Conclusiones
- 5.1 Publicaciones relacionadas:

· ¿Qué es un mapa de calor?
Un mapa de calor es una representación gráfica basada en colores cálidos que nos dirá qué llamó la atención de los usuarios que visitaron nuestro sitio web.
Se crean con colores fuertes como rojo, naranja o amarillo para indicar las zonas más activas, donde los usuarios pasaron el mouse o hicieron clic. Las áreas del sitio web con menos “visitas” están representadas por colores más suaves, como verde, azul y turquesa.
Con estos mapas, puede ver, por ejemplo, que la mayoría de los visitantes suelen pasar el mouse (y así demostrar interés) en la parte superior de su sitio web.
Del mismo modo, puedes ver, por ejemplo, que no suelen prestar atención a la parte central de las páginas.
De la misma forma, puedes ver qué elementos de tu página están atrayendo a tus visitantes, para realizar las modificaciones necesarias en las partes de tu sitio web que están siendo ignoradas por tus usuarios.
Es una representación gráfica de lo que llama la atención de los visitantes de su sitio. Pero también le ayuda a identificar lo que no funciona en su página.
Con esta información, puede hacer todas las modificaciones que considere necesarias, para mejorar sus resultados y cambiar el mapa a rojo en las zonas más relevantes de su sitio web (un artículo popular, un botón de contacto, un formulario de suscripción para recopilar datos para su campaña de marketing por correo electrónico).

· ¿Por qué debería trabajar con un mapa de calor?
Podemos explicar este concepto más fácilmente con un ejemplo. Supongamos que creó una página con una oferta especial de un producto o servicio.
Publicó este producto en la parte central de su sitio web en el lado derecho de la página porque creía que llamaría la atención de nuevos visitantes.
Sin embargo, después de analizar el mapa de calor de esa página, descubre que la mayoría de los visitantes que accedieron a esta página están prestando más atención a la esquina superior izquierda. Esta área del mapa es roja, mientras que su nuevo producto tiene muchas menos "visitas" y está representado por un amarillo desalentador.
Una vez que sepa lo que hacen los visitantes cuando visitan su sitio web, tiene dos opciones:
- Haga que su información sea más interesante (puede agregar fotos o videos, cambiar el tamaño de fuente o la familia de fuentes, cambiar el color de fondo)
- Mueva sus productos a la parte superior izquierda porque ahí es donde se concentran la mayoría de las visitas.
De esta forma, dejas de hacer las cosas por intuición o estética. Cada parte de su sitio web, cada sección, cada anuncio, guía, botón, ETC. debe estar ubicado en el mejor lugar posible, porque solo con esta información puedes mejorar tu tasa de conversión.
Con la información obtenida con los Heatmaps, puedes detectar los sitios más visitados y ver si lo que llamó la atención de los visitantes es el área de la página o el contenido que estás intentando promocionar.
Por ejemplo, si detecta un área roja e incluye otro elemento, le gustaría promocionar en esta área de la página. Si el mapa muestra variaciones en los colores, con partes en amarillo o azul, esta información indicará que el contenido no está funcionando como lo planeó.
Sus visitantes le dirán que estaban interesados en el otro elemento, no en el nuevo contenido que desea promover.
En este caso, puedes cambiar la estrategia de marketing de contenidos y mejorar este otro elemento o hacerlo mucho más atractivo para ver si esto soluciona el problema.

· Tipos de mapas de calor
Actualmente, existen tres tipos de mapas de calor:
1. Mapas de movimiento del mouse
Con ese nombre, ya te puedes imaginar de qué se trata. Este tipo de sistema mapeará el "movimiento" del mouse mientras el usuario navega por una página, trazando el mouse a través de la pantalla.
No es el tipo de mapa más confiable, pero nos da una idea de qué está llamando la atención del visitante y en qué partes de la página permanecen por más tiempo porque, consciente o inconscientemente, tendemos a seguir el texto que estamos. leyendo con el ratón.
Esta información no es 100% precisa, ya que no todos los usuarios moverán el mouse mientras leen, pero la mayoría de nosotros tenemos este hábito, probablemente porque podemos hacer clic fácilmente en cualquier información relevante que encontremos en la página.
2. Haga clic en Mapa
Este tipo de mapa es el más confiable porque se basa en acciones concretas del visitante en nuestro sitio web. Con este mapa, podemos medir las áreas donde los usuarios hicieron clic; También podemos medir el número de clics y el número de visitantes únicos a esta área del sitio web.
Con este tipo de mapas, podemos saber cuántos visitantes vieron un video, o hicieron clic en una foto, en un botón de compra o para encontrar más información sobre nuestros servicios.
Este tipo de información es valiosa para las tiendas virtuales porque es posible conocer en detalle qué productos han llamado la atención de los visitantes.
Con esta información, puede modificar la estructura de la página y colocar en los mejores lugares los productos más populares, porque esto le dará aún mejores resultados.
3. Desplazarse por el mapa
En las páginas de destino largas, cuando el usuario necesita desplazarse hacia abajo muchas veces, este tipo de análisis puede darnos una idea muy concreta de hasta dónde llegó el usuario antes de abandonar la página.

Con esta información, puede agregar los elementos más relevantes en la parte superior y guiar gradualmente al usuario hacia el llamado a la acción.

· Herramientas para crear mapas de calor
Actualmente, existen muchas herramientas para crear mapas de calor. Algunos de ellos son gratuitos, pero la mayoría de las opciones solo ofrecen versiones pagas. Este es un hecho importante porque estas herramientas cuestan en promedio $ 100 por mes.
El precio puede volverse alto para las pequeñas empresas.
Las herramientas para crear mapas de calor necesitan muchas visitas para ser realmente efectivas, por lo que si está comenzando con su sitio web y aún no ha superado las 10,000 o 20,000 visitas mensuales, es posible que esta inversión no valga la pena.
No quiero hablar de una lista extensa de todas las herramientas que existen para crear Heatmaps porque, de hecho, la mayoría de ellas son muy similares en sus características y su costo, por lo que no existen diferencias apreciables entre ellas.
Me gustaría hablar sobre las herramientas gratuitas más importantes, las más efectivas, en función de la cantidad de usuarios que optaron por ellas. Posteriormente, podrás probarlos y elegir el que mejor se adapte a tus necesidades.
1. Métricas de Yandex

Comencemos con la única herramienta gratuita de toda la lista. Estamos hablando de Yandex Metrics.
Esta herramienta es gratuita y esto ya es un gran punto a su favor. Esta es la mejor opción para los usuarios que están creando un nuevo negocio o que no pueden pagar por otra herramienta.
Deberá crear una cuenta e insertar el script en el código HTML de su sitio web para que el software pueda rastrear el comportamiento de sus visitantes. No te preocupes; la mayoría de las herramientas funcionan de esta manera, por lo que no debería tener problemas para agregar el script a su código HTML.
Hay dos tipos de análisis: mapas de desplazamiento y mapas de clics.
No ofrece mapas para analizar el movimiento del mouse porque son los menos efectivos.
También puedes utilizar esta herramienta en tu Smartphone, lo cual es una ventaja que no ofrecen todas las demás opciones, ya que te permite trabajar en tu sitio desde cualquier lugar.
Una de sus características es que puedes seleccionar dos periodos y comparar la actividad de tus visitantes, ya sea porque has modificado el sitio o porque iniciaste una promoción especial para vender un nuevo producto.
También cuenta con otra serie de fantásticas funciones para analizar tu sitio, principalmente porque es una aplicación gratuita, pero en este artículo estamos hablando de cómo crear e interpretar Heatmaps, por lo que no vamos a entrar en detalles sobre cada una de estas herramientas.
2. Huevo loco

La siguiente herramienta recomendada es Crazy Egg, la opción de pago más popular para este tipo de tareas. Para aquellos que trabajan con WordPress, hay un complemento que puede usar para instalar la herramienta fácilmente en su sitio.
Si trabaja con cualquier otra plataforma, simplemente copie el script en el código HTML de su página.
Es una herramienta completa y no demasiado cara. El plan más económico se recomienda para sitios con alrededor de 10.000 visitas al mes y cuesta unos 29 € al mes.
Además de las funciones comunes disponibles en cualquier herramienta para crear mapas de calor, Crazy Egg agrega otra opción de mapa de calor que ellos llaman "confeti".
Es un tipo de Heatmap segmentado por fuentes de tráfico, lo que significa que puedes ver los diferentes Heatmaps según el tráfico generado en las redes sociales, búsquedas de google (o cualquier otro buscador).
Esta información puede ser muy útil porque podrás analizar tu trabajo en las redes sociales y saber de dónde vienen los visitantes. Con esta información, puede ver si su estrategia está funcionando correctamente y sus campañas están atrayendo visitantes a su sitio y la parte de sus páginas que desea promover en cada acción de marketing.
De esta manera puede distribuir su contenido correctamente en su sitio web.
3. Heatmap.me

Ahora quiero hablar brevemente sobre una herramienta simple pero perfecta que puede usar para crear mapas de calor en tiempo real. Con él, puede ver cómo interactúan sus visitantes con su sitio web.
Heatmap.me es un software muy simple de usar, es muy fácil de instalar (y también tiene un complemento para WordPress) y con una versión gratuita que puedes usar para comenzar tu negocio.
Después de optimizar tu web y empezar a recibir cinco cifras al mes, puedes pagar los $ 100 (unos 70 u 80 euros) para contratar su plan mensual más económico.
4. Hotjar

Finalmente quería hablar de Hotjar. Es una de las primeras herramientas de este tipo y verá rápidamente que saben lo que están haciendo. Ofrecen soporte rápido para responder a sus preguntas y resolver sus problemas.
Como muchas otras herramientas, es un software de pago, pero puede probar el sistema durante 15 días de forma gratuita con la versión comercial.
Para los sitios que están comenzando o que no tienen más de 2,000 visitas por mes, tienen un mapa básico gratuito que le permitirá generar un mapa de calor estándar con suficiente información para analizar el comportamiento de los visitantes.
Esta herramienta es muy completa. Además de Heatmaps, hay muchos otros recursos a su disposición.
La versión paga tiene opciones para muchas opciones:
Análisis de formularios, rendimiento de sesiones, embudos de conversión, encuestas a usuarios, ETC.
Toda esta información puede enviarse por correo electrónico para que pueda sacar conclusiones sobre lo que necesita optimizar en su sitio, para aumentar el número de conversiones con una tasa de rebote mínima.
· Conclusiones
No quiero crear un artículo muy largo. Como dije antes, existen muchas herramientas para crear Heatmaps con funciones avanzadas para medir los resultados de tus acciones en Internet.
Antes de decidir gastar su dinero en una de estas herramientas, debe comprender sus necesidades reales y su presupuesto.
Si necesita resultados rápidos con una herramienta avanzada y con varias funciones adicionales, le recomendaría Crazy Egg o Hotjar.
Pero no olvide que los mapas de calor solo son realmente efectivos para sitios web con un número razonable de visitantes. Entre todas las herramientas que vimos hoy, solo se creó la versión básica gratuita de Hotjar para sitios web con hasta 2000 visitas mensuales.
Para que otras herramientas funcionen correctamente, su sitio web debe tener al menos 10,000 a 20,000 visitas mensuales.
Antes de comenzar, deberá definir una estrategia de marketing digital para atraer visitantes a su sitio web y luego instalar una buena herramienta de mapa de calor para rastrear el comportamiento de sus clientes potenciales y optimizar su sitio.

