mapas de calor o heatmaps

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

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.

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!

¬ŅQu√© son los mapas de calor?

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

Estos mapas de calor o heatmaps se encargan de recopilar cientos y miles de acciones que realizan los usuarios en un portal web para posteriormente mostrarte toda esa información en bulk y de un modo 100% visual que facilite la comprensión de estos 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 seguido los usuarios de tu página web y de esta manera detectar patrones de comportamiento mediante un análisis global y objetivo de datos.

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

  • La tasa de conversi√≥n de funnels de ventas.
  • Optimizar los procesos de venta dentro de un ecommerce (reducir los pasos de compra por ejemplo).
  • Conocer la efectividad de los botones que se encarguen 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.
  • 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 pongas 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.
¬ŅQUIERES VER TU WEB EN LAS PRIMERAS POSICIONES DE GOOGLE?

Aprende las 15 técnicas SEO que harán de tu sitio web una web popular y deja de ser invisible para Google.

ebook conseguir visitas a tu blog

Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento  Destinatarios:  Tus datos los guardará Mailchimp, mi proveedor de email marketing, que está acogido al acuerdo de seguridad EU-US Privacy.  Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

Tipos de mapas de calor

Por regla general, 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: Seccionan la 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.

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.
¬ŅERES INVISIBLE EN INTERNET?
  • ¬ŅNO CONSIGUES POSICIONARTE EN GOOGLE?
  • ¬ŅTE SUENA A CHINO EL POSICIONAMIENTO WEB SEO?
  • ¬ŅQUIERES GANAR DINERO DE VERDAD CON TU WEB?

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 con el CMS que lo hago yo.

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

  • La opci√≥n premium (Hotjar)
  • La opci√≥n Free (YANDEX)

hotjar vs yandex en mapas de calor

Por lo general, yo utilizo la segunda ya que al ser YANDEX (El Google Ruso) te conseguirás un montón de datos de forma 100% gratuita y con solo crear una cuenta con ellos. Cuando tengas dicha cuenta sigue los siguientes pasos:

  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 simple?

CONOCE LOS T√ćPICOS ERRORES CAPITALES QUE LASTRAN TU SEO

Conoce cuales son los principales pecados capitales que se suelen cometer en SEO contados de una forma totalmente distinta a como los habías leído hasta ahora.

pecados capitales seo

Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento  Destinatarios:  Tus datos los guardará Mailchimp, mi proveedor de email marketing, que está acogido al acuerdo de seguridad EU-US Privacy.  Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

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 WPO

Insertar un mapa de calor repercutir√° en la velocidad de carga de tu p√°gina web. Ten en cuenta que para insertar esta herramienta has de incrustar un nuevo script externo a tu p√°gina web y hacer la llamada a este desde el header.

Si lo que te acabo de contar te ha sonado a chino recuerda, todo c√≥digo extra como el de Google Analytics, Google Search Console, etc, etc, etc repercutir√° generalmente de forma negativa en la velocidad de carga de una 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 tu usuario tendr√°s que informarle 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 tienes que informar al usuario.

Bien, 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 de informarles como es debido de sus derechos legales. Por eso, cuando insertes un mapa de calor en tu sitio 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 los usuarios mobile, los usuarios recurrentes, etc.

Mirar datos si, pero con detenimiento. ¬°Nos vemos en dos semanas!

¬ŅQUIERES VER TU WEB EN LAS PRIMERAS POSICIONES DE GOOGLE?

Aprende las 15 técnicas SEO que harán de tu sitio web una web popular y deja de ser invisible para Google.

ebook conseguir visitas a tu blog

Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento  Destinatarios:  Tus datos los guardará Mailchimp, mi proveedor de email marketing, que está acogido al acuerdo de seguridad EU-US Privacy.  Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

5/5
Al realizar un comentario en este blog aceptas su Política de Privacidad Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento Destinatarios: Tus datos los guardará Disqus, mi sistema de comentarios (acogido al acuerdo de seguridad EU-US Privacy) Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos
5/5
Al realizar un comentario en este blog aceptas su Política de Privacidad Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento Destinatarios: Tus datos los guardará Disqus, mi sistema de comentarios (acogido al acuerdo de seguridad EU-US Privacy) Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

Deja un comentario

COMPARTIR POST