MAPAS DE CALOR

Mapas de calor o Heatmaps. Entiende que es lo que est√°n haciendo tus usuarios

mapas de calor heatmaps

Publicado: 4 marzo 2019

Modificado: 29 septiembre 2020

Tiempo de lectura: 6 min

¬°Hola, hola querido lector! De nuevo una vez m√°s por aqu√≠ para ense√Īarte a “espiar” a tus usuarios gracias a los mapas de calor o heatmaps.

Hoy te voy a mostrar como conocer el comportamiento de tus usuarios para que, de esta manera, seas capaz de entender mejor sus necesidades y adaptar tu página web a ellas para así mejorar la experiencia de usuario.

Además, en el post de hoy te mostraré como conseguir e instalar un mapa de calor GRATUITO para tu página web y en menos de 3 clicks ¡Ya no tienes excusa para no medir lo que hacen tus usuarios!

¡Al lío!

¬ŅQu√© son los mapas de calor?

Un mapa de calor es una herramienta que te permitir√° conocer de forma r√°pida y visual el comportamiento de tus usuarios en tu p√°gina web.

Estos mapas de calor o heatmaps se encargarán de recopilar cientos y miles de acciones que realizan los usuarios en tu página web para posteriormente mostrarte toda esa información de un modo 100% visual (En un dashboard) que facilite la comprensión de los datos recopilados.

Por este motivo, los heatmaps o mapas de calor son una de las herramientas favoritas para los expertos en CRO y UX ya que permiten obtener patrones de comportamiento de forma r√°pida y sencilla.

¬ŅPara que me sirve tener un mapa de calor en mi p√°gina web?

Cómo te has visto anteriormente, un mapa de calor te servirá para ver los pasos que han hecho los usuarios de tu página web y cómo han interactuado con ella para, de esta forma, detectar patrones de comportamiento de los usuarios mediante un análisis global y objetivo de los datos.

Por lo tanto, estos mapas de calor ser√°n perfectos para optimizar aspectos tan importantes como:

  • Optimizar la tasa de conversi√≥n de tus funnels de ventas.
  • Optimizar los procesos de venta dentro de un e-commerce (Reducir los pasos de compra por ejemplo).
  • Conocer la efectividad de los botones que se encargan de la captaci√≥n de leads.
  • Averiguar si los usuarios est√°n interesados en la informaci√≥n que les est√°s ofreciendo.
  • Conocer en que momento los usuarios abandonan tu p√°gina web para intentar reengancharlos y disminuir el porcentaje de rebote.
  • Saber si est√°s aburriendo a tus usuarios debido a la longitud de tus textos.
  • Muchas cosas m√°s.

Como has visto, instalar un mapa de calor y estudiar el comportamiento de tus usuarios ser√° fundamental si realmente quieres optimizar los objetivos planteados para tu p√°gina web indistintamente de si estos son de:

  • Visibilidad: Para ver en que momento tus usuarios abandonan tu p√°gina web y que de esta manera le puedas poner remedio. Esto mejorar√° la fidelizaci√≥n de tus usuarios gracias a una mejora de los contenidos ofrecidos y, por lo tanto, mejorar√° tu posicionamiento web SEO gracias a una reducci√≥n de la tasa de rebote.
  • Consecuci√≥n de Leads: Esta herramienta te ayudar√° a situar y organizar todos tus formularios de captura de leads para que de esta manera, estos formularios salten al usuario justo cuando existe una mayor probabilidad de que los rellenen.
  • Mejora de la conversi√≥n: Es decir, aumentar el n√ļmero de ventas y reducir el n√ļmero de carritos perdidos en el proceso de compra. Con estos mapas conocer√°s como piensa el usuario en estos procesos y evitar√°s las posibles fugas.

Tipos de mapas de calor

En el mercado existen 3 tipos de mapas de calor distintos. Estos son:

  • De movimiento: Estos se encargan de medir que ha hecho el usuario con el rat√≥n. Es decir, te muestra el resultado de por donde ha ido moviendo el rat√≥n el usuario durante su visita a tu p√°gina web.
  • De clicks: Estos mapas te indican donde han hecho click los usuarios dentro del portal. Principalmente, estos heatmaps se usan para conocer la utilidad de ciertos botones dentro de una p√°gina web.
  • De desplazamiento: Dividen tu p√°gina web en tramos y te muestran en que tramos el usuario se ha quedado mas tiempo leyendo y en que tramos se ha quedado menos. Adem√°s, este tipo¬† de mapa de calor sirve para conocer en que momento el usuario abandona la p√°gina web, si ha hecho scroll o no o si tu Above The Fold es √ļtil para el usuario.

ejemplo de mapa de calor

Relación entre los heatmaps, el SEO, el CRO y UX

Conocer a tu usuario no puede traerte m√°s que ventajas y, por este motivo, los heatmaps son fundamentales para entender y conocer lo que el usuario hace y piensa cuando est√° visitando tu p√°gina web.

Además, como has visto anteriormente, gracias a las conclusiones extraídas de los heatmaps:

  • Mejorar√°s el porcentaje de rebote de tu p√°gina y por lo tanto, tu SEO.
  • Mejorar√°s la cantidad/calidad de leads o ventas de tu p√°gina web. Es decir, mejorar√°s tu CRO.
  • Mejorar√°s la experiencia de usuario (UX) eliminando todo lo superfluo y que pueda despistar al lector.

Cómo puedo instalar un heatmap en mi página web

Instalar un heatmap en una página web es realmente sencillo sobretodo si usas un WordPress o cualquier CMS popular (En caso contrario deberás de insertar el script a mano vía FTP entre las etiquetas <head></head> de tu página web).

En este caso te voy a ense√Īar como hacerlo con WordPress que es como generalmente lo hago yo.

Primero de todo has de saber que hay formas de implementar mapas de calor en tu p√°gina web WordPress.

hotjar vs yandex en mapas de calor

Por lo general, yo utilizo la segunda ya que YANDEX (El Google Ruso) te conseguirá un montón de datos de forma 100% gratuita tan solo creando una cuenta con ellos. Cuando te hayas creado una cuenta con ellos solamente deberás seguir esta guía:

  1. Una vez logueado en tu cuenta Yandex ve a la sección Yandex Métrica.
  2. Allí te pedirá que introduzcas el dominio del que quieres extraer métricas además de una serie de datos.
  3. La herramienta te proporcionará un código script (parecido al de Google Analytics) que tendrás que insertar dentro de las etiquetas <head></head> de tu página web.
  4. Para copiar ese código de forma simple en todo tu WordPress bájate e instálate el plugin Insert Headers and Footers.
  5. Ya solo tendrás que copiar el código que te ha dado Yandex en la sección Head que te ofrece el plugin recién instalado para que YANDEX empiece a recopilar datos.

¬ŅHas visto que sencillo ha sido?

Desventajas de tener un heatmap en tu p√°gina web

No todo iba ser bueno a la hora de tener un heatmap en tu p√°gina web ¬ŅNo?

Estos mapas de calor tambi√©n tienes aspectos negativos que si no se tienen en cuenta pueden suponerte un peque√Īo problema. Por este motivo, ten en cuenta que con un heatmap:

EMPEORAR√ĀS TU VELOCIDAD DE CARGA

Insertar un mapa de calor repercutirá en la velocidad de carga de tu WordPress (WPO). Ten en cuenta que, para insertar esta herramienta has de incrustar un nuevo script externo en tu página web.

Todo c√≥digo extra como Google Analytics, Google Search Console, etc, etc, etc repercutir√° generalmente de forma negativa en la velocidad de carga de tu p√°gina web.¬†Si tienes que hacer m√°s cosas, m√°s pesar√° tu p√°gina web ¬ŅL√≥gico no?

TENDR√ĀS QUE ACTUALIZAR TU POL√ćTICA DE PRIVACIDAD

Al estar “espiando” a tus usuarios tendr√°s que informarles en todo momento de que lo estas haciendo. Esto mismo ocurre cuando insertas un c√≥digo de Google Analytics (GA) en tu p√°gina web. GA se encarga de espiar tambi√©n que hacen los usuarios y por ello, siempre has de informar al usuario de ello.

Con los mapas de calor ocurre lo mismo. Al estar extrayendo datos sobre el comportamiento de tus usuarios (Siempre de forma totalmente anónima) deberás informarles como es debido de sus derechos legales.

Por este motivo, cuando insertes un mapa de calor en tu p√°gina web asegurarte de actualizar tus p√°ginas legales convenientemente.

Conclusiones

Como has visto a lo largo del post, instalar un mapa de calor en tu p√°gina web para medir el comportamiento de los usuario que visitan tu p√°gina web es realmente sencillo y te traer√° m√°s ventajas que desventajas.

Por este motivo, siempre recomiendo hacerlo cuando ya se consiga un tráfico web decente con el que obtener una muestra representativa de tus usuarios (Por ponerte una cifra, 30 personas al día bastarán para obtener una muestra representativa).

Estoy seguro de que una vez empieces a ver los resultados que arrojan estos mapas de calor te llevar√°s alguna que otra sorpresa m√°s o menos grata.

Por √ļltimo, te recomiendo que observes lo resultados obtenidos de estas pruebas con calma y detenimiento. Es decir, nada de mirar a lo bruto y sin segmentar. Busca como se comportan tus usuarios mobile, tus usuarios recurrentes, etc.

Mirar datos esta bien pero solo si se hace con detenimiento.

¬°Nos vemos en dos semanas!

borja aranda vaquero consultor seo

Artículo escrito por:

Borja Aranda Vaquero

Propietario de este bonito blog sobre SEO, WordPress y dise√Īo web. Mi intenci√≥n es ayudar a empresas y emprendedores a conseguir las primeras posiciones en Google con el fin de que generen nuevos ingresos y clientes a trav√©s de internet.

Responsable: Borja Aranda Vaquero

Finalidad: Moderar y responder comentarios de usuarios

Legitimación : Consentimiento.

Destinatarios: Todos tus datos los guardará Disqus. Mi sistema de comentarios (Acogido al acuerdo de seguridad EU-US Privacy). 

Derechos: Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en legal [@] borjaarandavaquero.com así como el derecho a presentar una reclamación ante una autoridad de control.

Información adicional: En la Política de Privacidad de borjaarandavaquero.com,  encontrarás información adicional sobre la recopilación y el uso de su información personal ,incluida información sobre acceso, conservación, rectificación, eliminación, seguridad, y otros temas.

suscribirse al blog

¬ŅTE GUSTA EL CONTENIDO?

¬°S√ļscr√≠bete y no te pierdas ni uno m√°s!

+ 2 Ebooks SEO DE REGALO