¿Qué es un Mapa de Calor y cómo utilizarlo para mejorar tu sitio Web?

Mailrelay

En el mundo digital todo es analizable, todo es medible y todo es mejorable, después de analizar todos esos datos que nos aportan las distintas herramientas que tenemos a nuestra disposición, como es el caso de “Mailrelay” para el área de e mail marketing.

En esta ocasión os quiero hablar de los mapas de calor, o heatmaps en inglés, como un elemento imprescindible para analizar tu página web.

Ya te adelanto que es una fantástica manera de poder optimizarla al máximo, de cara a maximizar tus conversiones y que ésta se convierta así en lo que tú quieres que sea: una “máquina” de atraer contactos, conseguir ventas de productos, contratos de tus servicios, lecturas a los artículos de tu blog, y un sinfín de utilidades más.

Pero como éste es un término algo técnico y no tan popular incluso entre profesionales del sector digital, comenzaré por definírtelo:

· ¿Qué es un mapa de calor?

Un mapa de calor es una representación gráfica a base de colores cálidos que nos indica lo que ha llamado la atención a los usuarios que visitan nuestra web.

Utilizan colores fuertes como rojo, naranja o amarillo para indicarnos las zonas por donde los usuarios han pasado el ratón o han clicado; las zonas de la web con menos “visitas” se representan con colores suaves como verdes, azules y turquesas.

De esta forma, cualquiera puede ver, por ejemplo, que los usuarios suelen pasar su ratón (y, por tanto, su atención) por la parte superior derecha de una página determinada de tu web.

De la misma forma puedes ver, por ejemplo, que no suelen hacer caso a la parte central de la misma.

Así mismo tú puedes saber qué elementos de esa página llaman más la atención del visitante y realizar las modificaciones oportunas, para que eso se transforme en algo beneficioso para ti y tu negocio.

Es una representación gráfica de lo que llama la atención a los visitantes de tu web. Pero también de lo que no llama la atención nunca o casi nunca.

En cualquier caso, con esta información, podrás realizar todas las modificaciones que creas oportunas para que en tu web aparezca el color rojo en las partes que más te interesen (un artículo de tu eCommerce que te deja un buen margen, un botón de contactar, un formulario para recabar datos para el email marketing…)

para qué sirve un mapa de calor

· ¿Para qué sirve un mapa de calor?

Esto se explica muy bien con un ejemplo. Pongamos por caso que has diseñado tu página con una oferta especial de un producto o servicio.

Esa oferta la has puesto en la parte central derecha de la página porque te gustaba el sitio y quedaba muy bonito todo.

Con el mapa de calor de esa página descubres que los visitantes que llegan a esa página se fijan más en la parte superior izquierda, que aparece en rojo fuego; mientras que tu oferta especial tiene muchas menos “visitas” y aparece con un amarillo desalentador.

Como tú ya sabes qué hacen los visitantes tienes dos opciones:

  1. Hacer más llamativo tu anuncio (incluyendo foto o vídeo, cambiando la tipología de la letra, cambiando el color de fondo…)
  2. Cambiar de sitio tu anuncio y cambiarlo a la parte superior izquierda porque es ahí donde se concentran la mayoría de las visitas.

De esta forma dejas de hacer las cosas por intuición o por estética. Cada parte de tu web, cada sección, cada anuncio, pestaña, botón… pueden estar situados en el mejor de los sitios posible y, de esta forma, conseguir una web que realmente convierta.

Con la información que consigues con los mapas de calor puedes detectar los sitios más visitados y ver si lo que llama la atención al visitante es la zona o lo que tengas puesto en esa zona.

Es decir, si detectas una zona roja y pones otro elemento que a ti te interesa en esa zona, por ejemplo; y lo que pasa es que esa zona roja pasa a ser amarilla o azul, lo que falla es el contenido.

Tus visitantes te estarán diciendo que lo que les interesaba era el otro elemento, no el que a ti te interesa.

En este caso podrás cambiar de estrategia de marketing de contenidos y potenciar ese otro elemento o hacer mucho más atractivo el que estás intentando posicionar.

tipos de mapas de calor

· Tipos de mapas de calor

Actualmente existen tres tipos de mapas de calor:

1. Mapas de movimiento de ratón

Con ese nombre ya te puedes imaginar en qué consiste. Con este tipo de mapas se mide el movimiento del ratón por la pantalla del ordenador.

No es el tipo de mapa más fiable pero sí nos da una idea de qué es lo que llama la atención al visitante y qué partes de la página deja de mirar porque, consciente o inconscientemente, solemos acompañar nuestra mirada con el puntero del ratón.

Esto no siempre sucede y no con todos los usuarios, pero sí está demostrado que solemos tener esa costumbre, según vamos dirigiendo nuestra mirada por la pantalla vamos moviendo el puntero de nuestro ratón cerca de donde estamos mirando.

2. Mapa de clicks

Este tipo de mapas es el más fiable porque se basa en acciones concretas del visitante sobre nuestra web. Aquí se mide las zonas en las que el usuario ha realizado un click; además miden la cantidad de cliks y el número de visitantes únicos en esa zona de la web.

Con este tipo de mapas podemos saber cuántos visitantes visionaron un vídeo, o pincharon sobre una foto, o un botón de compra o de más información.

Este tipo de información es muy valiosa para las tiendas online porque conocen al detalle qué tipo de artículos llaman más la atención y consiguen que el usuario haga algo concreto, como es un click de ratón.

Con esta información puedes modificar la estructura de la página y situar en los mejores sitios los artículos que más te interesen.

3. Mapa de scroll

Cuando una página de aterrizaje usa muchos scrolls este tipo de análisis te da una idea muy concreta de hasta dónde ha llegado el usuario en el scroll.

Así podrás los elementos que más te interesen en la parte de arriba y vas bajando el grado de importancia

herramientas para crear mapas de calor

· Herramientas para crear mapas de calor

En la actualidad existen muchas herramientas para la creación de mapas de calor. Algunas son gratuitas pero la mayoría son de pago. Este es un dato importante porque, de media, suelen rondar los 100$ al mes.

Es un desembolso que puede ser importante si no consigues el retorno de la inversión.

Las herramientas para crear mapas de calor necesitan de muchas visitas para poder ser realmente eficaces, así que si estás comenzando con tu web y todavía no has superado las 10.000 ó 20.000 visitas mensuales es posible que no te merezca la pena.

No me quiero extender aquí con un amplio listado de todas las herramientas que existen para crear mapas de calor porque, además, muchas de ellas son muy similares en sus funcionalidades y en su costo así que no hay diferencias apreciables para decantarse por una o por otra.

Si te informaré de las más importantes por gratuitas, por eficaces, por cantidad de usuarios que se han decantado por ellas. Luego tú las testeas y eliges la que más te guste o te venga bien.

1. Yandex Métrica

yandex métrica

Comenzaremos con la única herramienta gratuita de todo el listado. Se trata de Yandex Métrica.

Como digo es gratuita, eso ya es un gran punto a su favor. Los que estén empezando con su web y no dispongan de fondos suficientes, o manera de realizar el retorno de la inversión, tendrán en ésta opción su mejor opción.

Tienes que registrarte en su página e introducir el script en el código HTML de tu página, la manera normal de trabajar de todas estas herramientas.

Dispone de dos tipos de análisis: mapas de scrolls y mapas de clicks.

Descartan los de movimiento de ratón por ser los menos eficaces.

Es una herramienta que puedes utilizar también desde el móvil, eso es una ventaja que no todas la tienen y te permite tener mayor movilidad a la hora de trabajar en tu web.

Una de sus funcionalidades es que puedes seleccionar dos períodos y así comparar la actividad de tus visitantes, ya sea porque modificaste el sitio o porque entraste en período de rebajas.

Tiene también otra serie de funcionalidades para el análisis de tu web que son muy interesantes, y más siendo una aplicación gratuita, pero en este artículo estamos hablando de cómo crear e interpretar los mapas de calor de tu sitio.

2. Crazy Egg

crazy egg

La siguiente herramienta recomendada es Crazy Egg, es la más popular de pago. Para los que trabajéis con WordPress, tiene el plugin para instalártela fácilmente en tu sitio web.

Si trabajas con cualquier otra plataforma sólo tienes que introducir el script en el código HTML de tu página.

Es una herramienta muy completa y no excesivamente cara. Su precio más económico está pensado para webs con unas 10.000 visitas al mes y está en torno a los 29€ mensuales.

A las características comunes de cualquier herramienta de creación de mapas de calor Crazy Egg añade un tipo de mapa de calor que ellos llaman “confeti”.

Es un tipo de mapa de calor segmentado por fuentes de tráfico, de tal forma y manera que podrás ver los diferentes mapas de calor según provenga el tráfico de redes sociales, búsquedas en google (o cualquier otro buscador).

Esta información puede ser muy útil porque enlazas tu trabajo en redes sociales con tus visitas a la web y así podrás ver si esa labor social está atrayendo a los visitantes hacia tu sitio, y hacia la parte de tu sitio que tú quieres en cada campaña en redes sociales.

Así podrás ajustar lo que publicas y como lo publicas tanto en redes sociales como el tu web.

3. Heatmap.me

heatmap.me

Ahora os quiero comentar brevemente una sencilla herramienta que tiene la característica de hacer mapas de calor en tiempo real. Con ella, podrás ver en el momento cómo está interactuando tus visitantes en la web.

Se trata de Heatmap.me, muy sencillita, muy fácil de instalar (también tiene plugin para WordPress) y con una versión gratuita que para hacerte una idea de por dónde van las cosas está muy bien.

Cuando ya consigas optimizar tu web y comiences a recibir visitas de cinco cifras mensuales quizás te compense pagar los 100$ (unos 70 u 80 euros) mensuales de su plan de pago más económico.

4. Hotjar

hotjar

Por último os quería hablar de Hotjar Es una de las primeras herramientas de este tipo y se nota. Tienen un equipo humano detrás de la herramienta y se hacen notar resolviendo dudas y problemas.

Como casi todas, es una herramienta de pago, pero tiene una prueba gratuita de 15 días para la versión que ellos llaman business.

Para webs que estén empezando, o que no tengan más de 2.000 visitas al mes aunque lleven en el ciberespacio muchos años, tienen una versión básica gratuita que te permite un análisis de mapa de calor, suficiente para esas visitas.

Pero lo bueno de esta herramienta es que es muy completa, se nota que llevan tiempo en esto. No se limitan a realizar mapas de calor.

La versión de pago tiene opciones para realizar multitud de funciones: análisis de formularios, grabaciones de sesiones, embudos de conversión, encuestas a los usuarios…

Toda esta información puedes pedir que te la envíen por mail a tu cuenta de correo electrónico y así podrás sacar conclusiones sobre qué elementos debes optimizar en tu sitio web, para hacer que las visitas conviertan con una tasa de rebote mínima.

· Conclusiones

No quiero alargar mucho más este artículo. Como ya he dicho antes, herramientas para crear mapas de calor hay muchas y muy buenas.

Teniendo en cuenta el tipo de uso que le des a tu web y lo que te puedas gastar en la compra de la herramienta, podrás invertir tu dinero en una u otra.

Para los que quieran sacar el máximo rendimiento a su web, para los que quieran que todas sus visitas se transformen en clientes comprándole artículos o contratando servicios yo les recomendaría Crazy Egg o Hotjar.

Pero ya sabéis, los mapas de calor sólo son realmente efectivos cuando hay una buena cantidad de visitas a la web. De todas las herramientas que os he mostrado sólo la versión básica, y gratuita, de Hotjar está pensada para 2.000 visitas mensuales.

El resto de herramientas, para que funcionen realmente bien, necesitan sobrepasar las 10.000 ó 20.000 vistas mensuales.

Así que ya sabéis, primero monta una buena estrategia de marketing digital para atraer visitantes hacia tu web y luego instala una buena herramienta de mapas de calor para ver el comportamiento de tus visitantes y optimizar tu sitio.

Ismael Ruiz González

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *