¿Qué son los mapas de calor? Todo lo que necesita para obtener más conversiones
Publicado: 2019-01-18Las páginas de destino posteriores al clic son poderosas herramientas de persuasión de marketing. Cuando se optimiza correctamente, la combinación de los elementos de la página y el diseño general de la página de destino posterior al clic tienen la capacidad de convencer a los visitantes de que realicen la acción en la página. Desde registrarse para una prueba gratuita hasta descargar un PDF.
¿Cómo se optimizan correctamente las páginas de destino posteriores al clic?
La optimización se define como el proceso de mejorar una campaña o parte de ella (página web, publicidad, página de destino posterior al clic) hasta el punto en que es lo más perfecta posible. La optimización comienza con pruebas continuas, recopilación de datos y termina con la realización de mejoras en las campañas basadas en esos resultados.
Traducción: las conversiones de su página de destino posterior al clic dependen de la optimización, y el éxito con que optimice la página de destino posterior al clic depende de cómo recopile los datos de la página de destino posterior al clic.
Sin datos, no hay forma de saber qué funciona en la página y qué no. Hay dos tipos principales de datos que puede recopilar:
- Datos cuantitativos
- Datos cualitativos
Las herramientas de análisis, como Google Analytics, lo ayudan a recopilar datos cuantitativos: métricas como el tiempo promedio en la página, la tasa de rebote y los canales de tráfico. Los datos cualitativos lo ayudan a comprender la historia completa de la interacción de los visitantes y se recopilan más fácilmente a través de mapas de calor.
Los datos del mapa de calor permiten a los especialistas en marketing tomar decisiones de optimización que conducen a mayores conversiones de páginas de destino posteriores al clic. Los datos de usuario recopilados de mapas de calor se pueden usar para ejecutar pruebas A / B informadas para mejorar las tasas de conversión.
Esta guía de marketing le informará sobre todo lo que necesita saber sobre los mapas de calor. Desde los tipos de mapas de calor disponibles para comprender cuándo se deben usar los mapas de calor, hasta una lista de herramientas que puede usar para crear mapas de calor en sus páginas de destino posteriores al clic.
¿Qué es un mapa de calor?
Un mapa de calor es una representación visual de datos que muestra cómo los visitantes interactúan con una página web. Por ejemplo, mostrar dónde hacen clic y dónde no. Así es como se ve un mapa de calor típico:
Un mapa de calor utiliza espectros de colores cálidos a fríos para mostrar qué elementos de la página atrajeron la mayor atención del usuario.
Cuando se utilizan en páginas de destino posteriores al clic, los mapas de calor permiten a los especialistas en marketing identificar si hay alguna fricción en la página que esté causando un obstáculo en el proceso de conversión.
La fricción en el marketing digital es cualquier parte del proceso de conversión que hace que sea menos probable que un usuario se convierta. En una página de destino posterior al clic, un ejemplo de fricción podría ser un formato largo, una coincidencia de mensaje deficiente o demasiado texto. Los mapas de calor señalan elementos que podrían estar causando fricciones, por lo que puede ejecutar pruebas A / B y mejorar la tasa de conversión de la página de destino posterior al clic.
Por ejemplo, un mapa de calor puede determinar si los visitantes no están haciendo clic en el botón de llamada a la acción o si están intentando hacer clic en un elemento en el que no se puede hacer clic. La información recopilada se puede utilizar para probar sus páginas y aumentar sus tasas de conversión.
Puede juzgar qué tan efectiva es una página web analizando un mapa de calor en las dos cosas siguientes:
- Con qué cantidad de información interactúan los visitantes: mire qué cantidad de la página leen realmente los visitantes; en función de esta información, puede evaluar qué elementos de la página funcionan bien y cuáles no.
- ¿Qué acciones realizan los usuarios? ¿En qué hacen clic los visitantes? ¿Hacen clic en el botón CTA, escriben en los campos del formulario, etc.?
Básicamente, hay cuatro tipos de mapas de calor:
- Mapas de calor de seguimiento de clics
- Desplazarse por mapas
- Mapas de calor de seguimiento del mouse
- Mapas de calor de seguimiento ocular
1. Haga clic en los mapas de calor de seguimiento
Los mapas de calor de seguimiento de clics son el tipo más común de mapa de calor, registran datos en función de dónde hacen clic los visitantes en su página de destino posterior al clic:
Los puntos rojos muestran las áreas donde el visitante hizo más clic, el número de clics concentrados disminuye a medida que el color se vuelve más claro.
Los mapas de clics lo ayudan a ver si sus visitantes hacen clic donde usted desea que hagan clic en sus páginas de destino posteriores al clic. La mayor cantidad de clics de visitantes en una página de destino post-clic debe estar en el botón de CTA, ya que ese debe ser el único elemento en el que se puede hacer clic en la página. (Proporción de conversión de 1: 1, es decir, un elemento en el que se puede hacer clic por objetivo de conversión).
2. Desplácese por los mapas
Los mapas de desplazamiento registran el comportamiento de desplazamiento de los visitantes, lo que le ayuda a ver el punto exacto donde los visitantes se desplazaron en la página. Este tipo de mapa de calor indica si la longitud de su página es ideal para la experiencia del usuario.
Los mapas de desplazamiento se utilizan generalmente para páginas de ventas de formato largo.
Así es como se ve un mapa de desplazamiento:
Un mapa de desplazamiento le indica dónde están abandonando los usuarios su página en el proceso de lectura.
Con estos datos, puede crear una hipótesis de por qué los usuarios solo se desplazan hacia abajo hasta cierto punto y luego crear pruebas A / B que prueben o refuten esta hipótesis.
Tal vez su página tenga un texto mediocre, una imagen que desanime a la gente o incluso un problema de legibilidad.
3. Seguimiento del mouse con mapas de calor / mapas flotantes
Los mapas flotantes son mapas de calor que muestran los movimientos del mouse del usuario en su página de destino posterior al clic. El principal problema con los mapas flotantes es que no siempre se puede correlacionar directamente los movimientos del mouse de un visitante con lo que realmente está mirando. El hecho de que el mouse de un usuario permanezca en el título durante 5 minutos no significa que todavía esté leyendo el título.
Los usuarios no siempre miran el lugar exacto donde está su mouse. Por lo tanto, la confiabilidad de los datos del mapa flotante es un poco cuestionable.
La Dra. Anne de Google publicó sus hallazgos sobre la precisión de los mapas de calor flotantes que mostraban.
- Solo el 6% de las personas mostró una correlación vertical entre el movimiento del ratón y el movimiento de los ojos, por lo que el 94% de las personas no mostró ninguna correlación.
- El 19% de las personas mostró alguna correlación horizontal entre el movimiento del ratón y el movimiento de los ojos.
- El 10% de las personas se colocó sobre un elemento específico de la página mientras continuaba leyendo el resto de la página.
Otro experimento de Google y Carnegie Mellon encontró una correlación del 64% entre el movimiento del ratón y el movimiento de los ojos.
Así es como se ve un mapa flotante:
Los mapas de calor de seguimiento del mouse, como los mapas de clics, los mapas de desplazamiento y los mapas de desplazamiento, tienen las siguientes ventajas:
- Los mapas recopilan pasivamente datos sobre cómo los usuarios interactúan con los elementos de su página de destino posterior al clic.
- Con el análisis de mapas de calor, puede responder varias preguntas relacionadas con la experiencia del usuario y el recorrido del cliente en su página de destino posterior al clic.
- No necesita confiar en suposiciones sobre cómo se comportan los clientes, tiene datos reales a su disposición.
Clicktale define los pros y los contras de los mapas de seguimiento del mouse de la siguiente manera:
4. Mapas de calor de seguimiento ocular
Los mapas de calor de seguimiento ocular registran los movimientos oculares de los usuarios mientras miran su página de destino posterior al clic. Por lo general, los estudios de seguimiento ocular se realizan en laboratorios donde los participantes usan dispositivos de seguimiento especiales que miden con precisión el movimiento de los ojos. Hoy en día, los estudios de seguimiento ocular también se pueden realizar a través de cámaras web.
Al examinar dónde se enfocan los visitantes en una página, puede colocar los elementos importantes de la página en la ruta visual natural de los visitantes, lo que aumenta la posibilidad de que cumplan con el objetivo de conversión.
Al analizar los datos del mapa de calor de seguimiento ocular, es crucial comprender exactamente lo que está mirando para leer los datos correctamente.
La principal fuente de confusión en los mapas de calor de seguimiento ocular es el marco de tiempo.
Un mapa de calor que muestre cómo los usuarios miran una página durante los primeros 3 segundos no será el mismo que cuando siguen mirando la página durante 30 segundos.
El siguiente ejemplo muestra cómo el marco de tiempo impacta los colores del mapa de calor:
Otra fuente de confusión con los mapas de calor de seguimiento ocular son los datos reales que se muestran.
Dos tipos de mapas de calor de seguimiento ocular
Hay 2 tipos principales de mapas de calor de seguimiento ocular, y son muy diferentes.
- Mapa de calor del volumen de fijación: el mapa muestra las partes de la página que atrajeron el mayor número de fijaciones oculares. Por lo general, se registra una fijación cada vez que un usuario mira en un solo lugar durante más de 50 milisegundos, midiendo la frecuencia con la que los visitantes siguen mirando un elemento de página en particular.
- Mapa de calor de duración de la fijación: el mapa muestra cuánto tiempo miraron un elemento específico en la página.
Muchos especialistas en marketing confunden los dos tipos de estudios de seguimiento ocular, lo que hace que malinterpreten los datos.
Por ejemplo, un mapa de calor de volumen de fijación será más útil para comprender qué elemento de la página se destaca en una página de destino posterior al clic (es decir, es el más llamativo). Mientras que un mapa de calor de duración de fijación le mostrará qué elemento encontraron más atractivo, ya que pasaron más tiempo en él.
Los estudios de seguimiento ocular también permiten comprender las rutas comunes de la mirada de los usuarios y el orden típico de las fijaciones en la página. Ya sea que estén viendo su página con un patrón F o un patrón Z.
Los pros y los contras del seguimiento ocular varían según el método que utilice para ejecutar el estudio; sin embargo, en general, obtiene más información que solo clics y movimientos del mouse.
La desventaja del seguimiento ocular se reduce principalmente a la practicidad, hacer el estudio es costoso y requiere mucho tiempo.
Puede crear mapas de calor de seguimiento ocular de las siguientes tres formas.
- Seguimiento ocular interno: puede comprar el equipo profesional necesario para el seguimiento ocular. Los mapas de calor piden a los usuarios que consulten las páginas web internamente para recopilar datos.
- Seguimiento ocular remoto mediante cámaras web: no necesita ningún equipo profesional para ejecutar estos mapas de calor de seguimiento ocular. Simplemente puede usar la cámara web de los participantes para rastrear sus movimientos de seguimiento ocular mientras miran su página de destino posterior al clic.
- Utilice laboratorios de seguimiento ocular profesionales: puede ejecutar sus estudios de mapas de calor de seguimiento ocular en laboratorios de investigación de usuarios profesionales. Las pruebas realizadas en un entorno profesional producen resultados precisos.
Beneficios de los mapas de calor
Los mapas de calor le proporcionan una guía visual del comportamiento de los visitantes. Permitiéndole ver la página de destino posterior al clic a través de los ojos de los visitantes, ayudándole a realizar los cambios necesarios para mejorar la optimización de la página de destino posterior al clic y aumentar las conversiones.
A continuación, se muestra un desglose de los beneficios que los mapas de calor brindan a los especialistas en marketing:
- Los mapas monitorean el comportamiento del usuario
- Los datos recopilados a través de mapas de calor se pueden usar para ejecutar pruebas A / B y optimizar la página y aumentar las conversiones.
Los mapas de calor se pueden usar para tomar decisiones de UX en las páginas de destino posteriores al clic
Los datos del mapa de calor lo ayudan a responder las siguientes preguntas sobre el comportamiento del usuario:
- ¿Cómo utilizan realmente los visitantes la página de destino posterior al clic?
- ¿Cómo navegan en la página de destino posterior al clic?
- ¿Qué les llama la atención y dónde tienden a hacer clic?
- ¿Qué elemento de la página están ignorando?
- ¿Hacen clic en el botón de llamada a la acción?
- ¿Qué tan atractiva es tu copia?
- ¿Dónde debería colocar los elementos de la página que no quiere que sus visitantes se pierdan?
Las respuestas a estas preguntas le permiten obtener una comprensión más profunda del comportamiento de los visitantes y averiguar si hay algo que deba cambiar en la página.
Estudios de caso de mapas de calor
Esta sección incluye estudios de casos sobre cómo diferentes tipos de mapas de calor ayudaron a aumentar las conversiones en las páginas web y a generar crecimiento empresarial.
1. Softmedia
Softmedia utilizó mapas de calor para identificar áreas de fricción en sus páginas web:
Después de recopilar más de 10,000 páginas vistas de datos, los datos del mapa de calor revelaron varias distracciones que estaban causando fricción en la página y los usuarios no pudieron completar las acciones deseadas.
En lugar de hacer clic en el formulario, los usuarios se distraían con un botón de "no hacer clic aquí" en la página. Cuando Softmedia eliminó la distracción, sus conversiones aumentaron en un 51%.
2. Emparejar
Pair (ahora Couple) presentó un mapa de calor de clics de su página de destino posterior al clic que mostraba que los visitantes se distraían con la barra de navegación en la parte superior de la página.
Así es como se veía la página de destino original posterior al clic:
Aquí está el mapa de clics:
Después de mirar el análisis del mapa de calor, Pair ejecutó pruebas A / B para ver si eliminar las distracciones (enlaces de navegación) de la página conduciría a un aumento en las conversiones.
La eliminación de los enlaces de navegación de la página genera un aumento del 12% en las conversiones.
3. August Ash
Cuando August Ash ejecutó un mapa de calor en su página web, descubrieron que los visitantes no estaban haciendo clic en el botón CTA a pesar de que estaba diseñado en un color rojo contrastante y tenía una copia procesable:
Observe cómo la lectura del mapa flotante en el botón CTA es una mezcla rápida de rojo a verde, lo que según la escala significa que solo el 45-60% de los visitantes ven desplazarse hasta el botón CTA. Cambiar la ubicación del botón de llamada a la acción de la parte inferior de la página a la parte superior de la página generó un aumento en los clics y, por lo tanto, en las conversiones.
4. Bluewire Media
Bluewire Media usó mapas de calor para ver dónde los visitantes, al hacer clic una vez en la página, encontraron que casi no había actividad del usuario en el formulario de captura de clientes potenciales:
Basándose en el análisis del mapa de calor, la empresa de estrategia web decidió rediseñar su página web. Y estos son los colores del mapa de calor que generó su nuevo diseño:
Al cambiar la imagen y el diseño del formulario, pudieron aumentar los clics en el formulario y el botón CTA.
Estos ejemplos de mapas de calor demuestran que los mapas de calor ayudan a las empresas a aumentar su crecimiento. La pregunta ahora sigue siendo, ¿todos los especialistas en marketing deberían comenzar a usar mapas de calor?
Consideraciones para el uso de mapas de calor
Aunque los mapas de calor brindan información valiosa que conduce a un aumento en las conversiones, no todos deberían lanzarse y comenzar a ejecutar mapas de calor en sus páginas de destino posteriores al clic.
Para asegurarse de que los datos de su mapa de calor que recopila sean precisos y, lo más importante, sean generalizables. Es importante que tenga un tamaño de muestra amplio, para que los cambios que realice en las páginas de destino posteriores al clic en función de los datos realmente funcionen.
Se recomiendan al menos 2,000-3,000 páginas vistas por pantalla por dispositivo para obtener lecturas precisas del mapa de calor antes de comenzar a realizar cambios en las páginas de destino posteriores al clic. Cambiar los elementos de la página de destino posteriores al clic en función de los datos del mapa de calor con muy poco tráfico no lo ayudará a tomar las decisiones de optimización correctas.
Los mapas de calor son, de hecho, una herramienta valiosa para comprender cómo se comportan las personas en su página de destino posterior al clic. Sin embargo, no deberían ser la única herramienta en su arsenal de marketing. Como, cuando se toman solos, pintan una imagen incompleta de la experiencia del usuario, y depender únicamente de ellos para juzgar el comportamiento de los visitantes tiene el potencial de engañarlo.
Aunque útiles, los mapas de calor siguen siendo limitantes.
Por ejemplo, si un mapa de calor muestra que muchos visitantes no están completando el formulario más allá del primer campo, esto no significa necesariamente que los visitantes solo hayan completado el primer campo. Esto también podría significar que los visitantes usaron su teclado para desplazarse por los campos en lugar del mouse.
En este caso específico, sería mejor medir el tiempo que un usuario pasó dentro de cada campo de formulario en lugar de simplemente mirar mapas de clics.
Cuando esté creando mapas de calor, asegúrese de ver la imagen completa, para que pueda beneficiarse realmente del análisis del mapa de calor.
¿Cómo se pueden utilizar los mapas de calor?
Los mapas de calor son una herramienta valiosa para ver qué acciones realizan los visitantes en su página y qué elementos de la página pueden atraerlos. Los mapas de calor ayudan a optimizar el viaje de conversión mediante la creación de páginas de destino posteriores al clic que atraen a los usuarios con éxito. Los administradores de PPC pueden usar los mapas para mejorar su ROI publicitario conectando anuncios a páginas de destino relevantes y dedicadas después del clic.
Tanto los profesionales de la optimización de la tasa de conversión (CRO) como los administradores de PPC pueden usar los datos que recopilan de los mapas de calor para los siguientes tres propósitos:
- Seguimiento del comportamiento de los visitantes
- Para optimizar la tasa de conversión
- Toma decisiones de UX
Seguimiento del comportamiento de los visitantes
El seguimiento de la actividad de los visitantes es el propósito básico de la creación de mapas de calor. Dado que hay una pantalla que lo separa a usted y a sus visitantes, es decir, no puede ver físicamente lo que están haciendo. Los administradores de PPC y los profesionales de CRO utilizan el análisis de mapas de calor para comprender por qué los visitantes se comportan de la manera en que lo hacen en sus páginas web.
Mientras que las métricas analíticas le dicen las cifras exactas de tráfico en su página de destino posterior al clic y de esos visitantes cuántos abandonan su página. Son mapas de calor los que explican lo que sucede cuando un visitante entra en la página: dónde hace clic, dónde no hace clic, qué lee y qué no lee.
Comprender por qué los usuarios se comportan de la manera en que lo hacen lo ayuda a crear una página de destino posterior al clic que los usuarios encuentran fácil de navegar sin ningún tipo de fricción.
Para optimizar la tasa de conversión
La optimización de la tasa de conversión es el proceso continuo de asegurar que el embudo de marketing funcione con éxito, ya que convierte clientes potenciales en clientes con la ayuda de diferentes procesos de optimización. Estos procesos incluyen pruebas A / B, mejora de las experiencias en la página con mapas de calor, pruebas de usabilidad, etc.
La información recopilada de los mapas de calor se puede utilizar para ejecutar pruebas A / B informadas que se basan en datos reales en lugar de corazonadas.
No se recomienda comenzar las pruebas A / B solo porque cree que aumentará su resultado final, probar los elementos de la página al azar no hará mucho por las conversiones, en su lugar, debe mirar los datos del usuario para ver los elementos exactos que debe probar .
Siempre comience su prueba A / B con una hipótesis. Lo que desea probar para que cuando vea una variación ganadora sepa exactamente qué funciona. No pruebe A / B sus páginas de destino posteriores al clic al azar, comience con una idea particular en mente: la hipótesis proviene de información recopilada del análisis de mapas de calor.
Para tomar decisiones de UX
Otra forma en que puede usar mapas de calor es tomar decisiones sobre la experiencia del usuario (UX) en sus páginas de destino posteriores al clic. En lugar de hacer suposiciones sobre cómo ven los visitantes su página de destino posterior al clic, puede recopilar datos en tiempo real sobre cómo fue su experiencia en la página.
Estos datos le ayudarán a crear una página con una gran experiencia de usuario.
Introducción a los mapas de calor en sus páginas de destino posteriores al clic
¿Qué sucede cuando un usuario encuentra su anuncio relevante y hace clic en él?
Su viaje posterior al clic comienza cuando llegan a su página de destino posterior al clic, sin embargo, el solo hecho de ingresar a la página no garantiza que harán clic en el botón de CTA.
No basta con crear una página de destino posterior al clic. Para que sus páginas de destino posteriores al clic obtengan conversiones, debe asegurarse de haber optimizado la página de destino posterior al clic para los visitantes.
La recopilación de datos de la página de destino posterior al clic lo ayuda a hacerlo. Los mapas de calor lo ayudan a recopilar datos cualitativos que muestran cómo se comportan los visitantes en su página de destino posterior al clic. Para que pueda probar los elementos que no funcionan.
Existen diferentes herramientas de mapas de calor que puede utilizar para crear mapas de calor en sus páginas de destino posteriores al clic, algunas de las mejores herramientas son:
Hotjar
Hotjar te permite entender a tus usuarios de forma rápida y visual. Puede usar la herramienta para obtener comentarios visuales instantáneos, ver cómo las personas realmente usan su sitio web y descubrir información para realizar los cambios correctos.
Puede crear mapas de clics, mover mapas de calor y desplazarse por mapas de calor con Hotjar.
Mirada inteligente
Smartlook permite a los usuarios ejecutar recopilar análisis cualitativos para sitios web y aplicaciones móviles. Puede comprender los 'por qué' de su comportamiento de usuario con la ayuda de información clara y visual.
La función de mapa de calor de Smartlook lo ayuda a recopilar información sobre UX y comprender mejor el comportamiento del usuario. Puede crear mapas de calor de desplazamiento, mover mapas de calor, hacer clic en mapas y mapas de calor para usuarios nuevos y recurrentes con Smartlook.
Instapage
Si desea crear mapas de calor en sus páginas de destino posteriores al clic y combinar esa información con sus métricas de análisis, entonces usar el Visualizador de mapas de calor de Instapage es su mejor opción. La funcionalidad de mapa de calor de Instapage le proporciona la información ultraespecífica que necesita para determinar qué elementos de la página probar A / B.
El visualizador de mapas de calor proporciona una funcionalidad de seguimiento 3 en 1: movimiento del mouse, clics y profundidad de desplazamiento. Puede comprender mejor dónde pasan más tiempo los visitantes en su página, en qué elementos han hecho clic y qué tan abajo se han desplazado, para que pueda optimizar su página de destino posterior al clic para obtener conversiones.
Así es como se ven los mapas dentro de la plataforma:
Movimiento del raton
Haga clic en el mapa
Desplazarse por el mapa
Siga estos pasos para crear un mapa de calor en la plataforma Instapage:
Para acceder a los mapas de calor, abra su página en modo de vista previa. Puede hacer esto desde el generador de páginas, haciendo clic en el botón Vista previa en la esquina superior derecha:
Si no publica la página, también puede acceder a su modo de vista previa desde el panel, simplemente haga clic en 'Página de vista previa':
Una vez en el modo de vista previa, simplemente habilite el modo de mapa de calor haciendo clic en el interruptor:
Y ahora puede ver el comportamiento de los visitantes en su página:
Al pasar el mouse sobre el ícono de fuego en la esquina superior izquierda, se abrirá el menú del mapa de calor, desde aquí puede cambiar entre tres métricas de seguimiento.
1. Scroll Depth le permite ver qué tan abajo se han desplazado sus visitantes en la página:
2. Los clics le muestran en qué elementos han hecho clic sus visitantes:
3. El movimiento del mouse le permite ver en qué lugar de la página de destino posterior al clic los visitantes pasan más tiempo:
Los mapas de calor se utilizan para analizar el comportamiento de los visitantes en una página web. Los datos recopilados a través de mapas de calor le permiten medir si los visitantes enfrentan alguna fricción al interactuar con los elementos de su página. Esta información se puede utilizar para crear pruebas A / B que se basan en datos reales del usuario en lugar de conjeturas descabelladas.
Puede usar la herramienta Instapage Heatmap Visualizer para crear mapas de calor en sus páginas de destino posteriores al clic sin registrarse y pagar por una herramienta externa. Cree mapas de desplazamiento, mapas de movimiento del mouse y mapas de clics para comprender cómo actúan los visitantes en su página de destino posterior al clic y optimizarla para las conversiones.
Vea cómo nuestro visualizador de mapas de calor puede ayudarlo a crear páginas de destino post-clic de alta conversión. Regístrese para una demostración empresarial aquí.