Mapa de calor o heatmap: Qué es y para qué sirve

Un mapa de calor (llamado también heatmap) sirve para poder analizar el comportamiento de los usuarios que navegan por nuestra web y saber en qué puntos de la página centran exactamente su atención.  

 La analítica nos arroja conclusiones acerca del comportamiento general del usuario cuando navega por nuestro sitio web, pero cuando queremos concretar ese análisis en alguna página o punto en concreto, es cuando entra en escena el mapa de calor. 

Estos mapas utilizan la termografía, estableciendo una jerarquía de dos polos; los colores cálidos (rojo, naranja y amarillo) para las zonas que reciben atención y los colores fríos (azul, verde) para las zonas que no la reciben. 

Conocer qué partes de una página llama más la atención del visitante, cómo interactúa con ella y hasta donde llega, nos dará la suficiente información para mejorar la estructura de la web ya que, en base a esos resultados, mejoraremos algunos aspectos de nuestras páginas. 

El mapa de calor de una web muestra los elementos y áreas que más interesan, gracias a una representación visual basada en un código de colores de fácil lectura e interpretación. 

Los heatmaps utilizan algo que todos los ordenadores tienen: el ratón. (Aunque el trackpad de un portátil no es igual). 

 Cuando un usuario navega por nuestra web, el movimiento de su ratón coincide, con un alto grado de precisión, con el movimiento de sus ojos, por lo que los mapas de calor utilizan tres técnicas para saber qué llama más la atención al usuario: 

• Movimiento del ratón 

• Clics del ratón 

• Desplazamiento vertical (Scroll) 

Para que esta información sea fiable, se recomienda hacerlo a partir de las 2000-3000 visitas. 

Mapa de clics de ratón 

Este mapa te indica en qué puntos de la web han hecho clic los usuarios con el ratón. 

Te indicará los elementos activos (enlaces, botones…) y los elementos pasivos (imágenes, textos…)  

Este tipo de mapa es de los más fiables, ya que requiere una acción concreta que debe hacer el usuario (pinchar aposta). También es uno de los más consultados, sobre todo si queremos una información a corto plazo (por ejemplo, un banner de promoción que hayamos puesto). 

Mapa de movimiento de ratón

Te muestra los cambios de posición que tiene el ratón, tanto cuando está parado, como cuando está en movimiento, así sabrás qué áreas de la web son las que más interesan. 

Hoy en día son muchos los que utilizan portatil en vez de ordenador de sobremesa y, como hemos dicho al principio, el trackpad de un portátil no es igual. De ahí que este mapa se analice siempre en conjunto con el mapa de clic de ratón, para darle más fiabilidad.

Mapas de desplazamiento vertical (“scroll”)

Cuando un usuario accede a nuestra web, la primera visión que tiene es la parte superior de la página. Con este mapa sabremos hasta dónde llegan. Esta información resulta muy útil porque podrás identificar las zonas grises a las que debes prestar más atención. 

Si quieres tener un mapa de calor en tu sitio WordPress para medir el comportamiento de tus visitantes, podrás hacerlo a través de varias formas distintas, nosotros te mostramos dos de ellas: 

• Instalando un plugin que recopile toda esa información .SumoMe es uno de los más conocidos, además incluye una herramienta de generación y gestión de mapas de calor. 

• Utilizando HotJar o Heatmap.me: Tienes que copiar un código (“script”) dentro del sitio web y toda la administración, configuración y gestión de los mapas de calor web se realiza en el sitio web del proveedor. 

¿Y tú?  ¿Ya utilizas estos mapas en tu web? ¿Te dan resultados? Anímate a compartir con nosotros tu experiencia 🙂