{"id":4301,"date":"2020-10-13T17:30:24","date_gmt":"2020-10-13T15:30:24","guid":{"rendered":"https:\/\/www.vadavo.com\/blog\/?p=4301"},"modified":"2024-08-14T11:03:02","modified_gmt":"2024-08-14T11:03:02","slug":"que-son-heatmaps-y-para-que-sirven","status":"publish","type":"post","link":"https:\/\/www.vadavo.com\/blog\/que-son-heatmaps-y-para-que-sirven\/","title":{"rendered":"\u00bfQu\u00e9 son los heatmap o mapas de calor y para qu\u00e9 sirven?"},"content":{"rendered":"\n
\"heatmap\n\"<\/figure>\n\n\n\n

\u00bfQu\u00e9 son los heatmap o mapas de calor y para qu\u00e9 sirven?<\/h1>\n\n\n\n

Cuando hablamos de crear y tener un sitio en l\u00ednea, sin duda alguna deber\u00edamos estar haciendo referencia a un lugar que cuente con un buen tr\u00e1fico web. Este espacio adem\u00e1s de contar con buenos h\u00e1bitos de SEO deber\u00e1 responder a las necesidades de sus clientes o usuarios. Para acatar estas solicitudes existen herramientas como el heatmap<\/strong>, la cual nos permite conocer cu\u00e1l es el contenido m\u00e1s relevante de nuestro site. <\/p>\n\n\n\n

En ocasiones las estad\u00edsticas o las diversas herramientas existentes que determinan las mejores publicaciones, secciones o segmentos web, podr\u00edan no ser tan exactas como quisieras. Para lograr esta precisi\u00f3n, se cre\u00f3 el mapa de calor<\/strong> tambi\u00e9n llamado heatmap, una t\u00e9cnica empleada en psicolog\u00eda y marketing digital con la intenci\u00f3n de valorar los movimientos oculares del usuario, es decir, qu\u00e9 ve primero y cu\u00e1nto tiempo demora en ver otra \u00e1rea<\/strong>.<\/p>\n\n\n\n

\"\" Funcionalidad del heatmap<\/h2>\n\n\n\n

El heatmap tiene el trabajo de optimizar la p\u00e1gina web para lograr un mayor flujo de afluencia de usuarios<\/strong>. Al entender, conocer e internalizar cu\u00e1l es el comportamiento de los usuarios dentro de nuestro portal, ser\u00e1 sencillo mejorar sus aspectos. Seg\u00fan su reacci\u00f3n de los contenidos como, im\u00e1genes, v\u00eddeos, enlaces e incluso temas podremos repotenciar cada una de estas publicaciones para obtener un buen \u00edndice de conversiones. <\/p>\n\n\n\n

\"\" \u00bfQu\u00e9 es el eyetracking y c\u00f3mo beneficia al heatmap?<\/h2>\n\n\n\n

El eyetracking<\/strong> tambi\u00e9n conocido por su traducci\u00f3n al espa\u00f1ol como seguimiento de ojos, resulta ser el motor del heatmap<\/strong>. Para comprender mejor dicha afirmaci\u00f3n esta \u00faltima herramienta trabaja enfoc\u00e1ndose en la termograf\u00eda<\/strong>, mientras que las zonas con menos interacci\u00f3n se muestran en verde, el rojo determina la zona verdaderamente caliente<\/strong>. En pocas palabras pinta de colores esos lugares que los usuarios realmente valoran.<\/p>\n\n\n\n

Adem\u00e1s de identificar aquellas secciones, publicaciones o contenido en general que no generan ning\u00fan tipo de impacto. Estos dar\u00e1n la tarea, pues la intenci\u00f3n de determinar esta diferencia es lograr mejorar<\/strong> cada uno de los aspectos para que toda la p\u00e1gina web cause un gran impacto y relevancia en el cliente.<\/p>\n\n\n\n

\"\" Tipos de mapas de calor<\/h2>\n\n\n\n

Para realizar este seguimiento del ojo existen diversos tipos de mapa de calor o heatmap<\/strong>. Estos se pueden dividir en tres y se basan en distintas funcionalidades que adopta el usuario para poder navegar dentro de la p\u00e1gina web:  <\/p>\n\n\n\n

\"\" 1. Click<\/h3>\n\n\n\n

Este tipo de heatmap a trav\u00e9s del click tiene la capacidad de medir las zonas en donde los usuarios realizan la acci\u00f3n a trav\u00e9s del bot\u00f3n. Resulta fundamental para jerarquizar las secciones o enlaces que tienen m\u00e1s interacci\u00f3n con los visitantes. <\/p>\n\n\n\n

\"\" 2. Scroll<\/h3>\n\n\n\n

Todas las p\u00e1ginas webs tienen la posibilidad de hacer scroll, a trav\u00e9s de este las personas pueden navegar dentro de la p\u00e1gina web de forma fluida. Para el heatmap por scroll resulta sencillo determinar hasta qu\u00e9 punto del lugar el cliente dej\u00f3 de leer. Es decir, funciona para conocer si los usuarios leen toda la informaci\u00f3n de la url de extensi\u00f3n mediana o alta.  <\/p>\n\n\n\n

\"\" 3.  Movimiento de rat\u00f3n <\/h3>\n\n\n\n

Sab\u00edas que seg\u00fan la universidad de Carnegie Mellon existe un 88% de correlaci\u00f3n entre el movimiento del mouse<\/strong> y el del ojo cuando navegamos. Entre estos tres tipos de mapa de calor, tambi\u00e9n se encuentra el movimiento de rat\u00f3n. Tal y como su nombre lo indica es capaz de se\u00f1alar cu\u00e1les son las zonas m\u00e1s paseadas por el usuario a trav\u00e9s de su puntero. Adem\u00e1s, tiene la capacidad de destacar en qu\u00e9 lugares se pos\u00f3 m\u00e1s tiempo el cursor <\/p>\n\n\n\n

\"\" 4. Heatmaps que graban cada sesi\u00f3n <\/strong>de usuario<\/h3>\n\n\n\n

Existen mapas de calor que adem\u00e1s de marcar el scroll, clic o movimiento del rat\u00f3n, graban cada sesi\u00f3n que hace el usuario que entra en tu p\u00e1gina web. Estos son muy \u00fatiles para e-commerce que tienen muchos carritos abandonados, ver el porqu\u00e9 tienen esa tasa baja de conversi\u00f3n. <\/p>\n\n\n\n

\"\" Herramientas recomendadas para obtener un informe de heatmap<\/h2>\n\n\n\n

Ahora que conoces de qu\u00e9 trata el heatmap y la importancia del eyetracking en este, resulta fundamental determinar cu\u00e1les con las herramientas para obtener un informe exitoso. Aunque en la actualidad existen diversos instrumentos para generar el mapa de calor, te contamos sobre tres de las m\u00e1s conocidas para evaluar tu tr\u00e1fico web:<\/p>\n\n\n\n