<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1500086133623123&amp;ev=PageView&amp;noscript=1">
logo de inboundcycle

Agencia de Inbound Marketing

Blog de Inbound Marketing

Técnicas y recursos para ayudarte a generar oportunidades comerciales y branding basados en las experiencias de todo un equipo de profesionales del marketing digital.


Cómo utilizar los mapas de calor para mejorar tu web

por Dean Romero  |  23/01/2015

Inbound Marketing: Estrategia y Herramientas

Una de las cosas más importantes que debemos saber cuándo creamos una web, desde la más compleja hasta una landing page, es cuales son las partes de la misma que generan más atención. Es de vital importancia saberlo porque serán esos los sitios donde deberemos colocar todas nuestras llamadas a la acción, elementos que queramos destacar e incluso utilizarlos para colocar espacios de publicidad cercanos.

mapa_de_calor

Hay muchas maneras de descubrir cuáles son esos lugares, pero uno de los más efectivos es el llamado mapa de calor o heatmap. Hoy vamos a conocer en profundidad esta herramienta para aprender a utilizarla y comenzar a aprovechar todas las ventajas de saber las partes de nuestra web que más atención reciben.


 

¿Qué es un mapa de calor?

Un mapa de calor no es más que un gráfico que resalta mediante distintos colores las zonas de la web en las que más tiempo pasa el ratón o puntero de nuestro visitante. Para sacar dichas conclusiones básicamente sigue el puntero del visitante y también analiza el número de clics que realiza en los diferentes espacios de la página.

Este concepto de mapa de calor proviene de algo que ya se viene utilizando habitualmente en el marketing, el eye tracking, que se dedica a descubrir donde miramos cuando nos ponen delante un texto o imagen.

El único y gran problema que presenta esta técnica de heatmap es que necesita una muestra amplia para poder presentar unos resultados coherentes y útiles. Es decir, para que podamos fiarnos de los resultados, tendremos que tenerlos rastreando nuestras visitas durante un espacio de tiempo amplio para que consiga reconocer el comportamiento de una gran cantidad de usuarios.

Objetivos del mapa de calor

El mapa de calor se puede utilizar para distintos objetivos, pero principalmente hay tres que son para los que mejor funcionan.

  1. Analizar los mejores sitios para poner publicidad

No es un secreto que la mayoría de páginas web de Internet se sustentan gracias a la publicidad, de ahí que te encuentres banners de Adsense y todo tipo de afiliados en prácticamente cualquier página.

Con los mapas de calor podremos saber exactamente donde colocar nuestra publicidad para que cada persona que entre vea nuestros banners. No es conveniente utilizar todos los determinados “puntos calientes” (lugares de mayor atención) para publicidad, ya que el usuario podría tener una percepción de que la web tan solo está formada por banners y hará pasar desapercibido nuestro contenido.

  1. Conocer la visibilidad de determinados elementos de la web

Si queremos resaltar una de nuestras secciones de la web, un nuevo servicio que hemos creado o directamente hemos creado una landing y queremos que toda la atención se fije en un formulario que el usuario debemos rellenar, los mapas de calor te darán toda esa información.

Junto a los tests A/B pueden llegar a formar un dúo de herramientas que prácticamente te dirán dónde poner exactamente cada elemento de tu web en relación a la importancia que tengan.

  1. Detectar fallos en el diseño de la web

Imagina que tras haber rastreado toda la actividad de la web detectas que hay puntos en los que el ratón pasa mucho tiempo y sin embargo no los estás aprovechando para nada o, peor aún, son sitios donde hay algún tipo de fallo dentro de la página.

Por ejemplo, imagina que en tu landing page utilizas una imagen con la que quieres llamar la atención junto al típico texto y el formulario que es el objetivo principal de la misma. Si rastreas con el mapa de calor y descubres que toda la atención se centra en la imagen, pero sin embargo el formulario pasa desapercibido, deberás modificar dicha imagen para generar mayor atención en el formulario.

Normalmente, las imágenes de este tipo deben apuntar hacia los focos de atención. Si usamos una persona para la foto de dicha landing, siempre será mejor que apunte con los brazos o la mirada hacia el formulario antes que lo haga directamente hacia el usuario de frente. Podrás comprobar la efectividad de estas acciones con los heatmaps, ya que veras que progresivamente el punto caliente que antes estaba en la imagen se va pasando al formulario.

Herramientas para realizar un mapa de calor

hammer02

Existen muchas herramientas, siendo la mayoría de las más efectivas de pago, pero aun así hay varias alternativas gratuitas que se pueden usar para páginas de menor presupuesto.

  • Page Analytics (Google): instalando la extensión de Google Analytics para Chrome podrás tener automáticamente un mapa de calor basado en todos los datos de los clicks. No es el mejor, ya que no mide el comportamiento del puntero, pero puede ser útil. Puedes descargar la extensión aquí.
  • SumoMe: el plugin gratuito (con opción de pago) para Wordpress que sirve para realizar todo tipo de acciones de growth hacking de Noah Kagan tiene un mapa de calor gratuito que también puedes usar en tu web. No es el más efectivo, pero tiene interesantes añadidos como saber hasta donde hacen scroll tus visitas, además de seguir realmente el comportamiento del puntero de los visitantes.
  • CrazyEgg: el mapa de calor más reconocido de todos y creado por uno de los máximos exponentes del Inbound Marketing, Neil Patel. Es de pago, pero aun así puedes acceder a una prueba gratuita de 30 días y disfrutar del (probablemente) mejor heatmap de todos si te registras en su web.

 

En definitiva ten totalmente controlados que partes de la web son las que más atención reciben por parte del usuario. Todo lo demás vendrá después ;)

herramientas inbound marketing

Suscríbete a nuestro Blog de Inbound Marketing para estar al día de todas las  novedades

Inbound Marketing: Estrategia y Herramientas

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!