Heat Maps 101: la guía del anunciante para las conversiones

Las páginas de destino posteriores al clic son poderosas herramientas de persuasión de marketing. Cuando se optimiza correctamente, la combinación de 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 para 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 de que es casi perfecta. La optimización comienza con pruebas continuas, recopilación de datos y termina con 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 el 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:

1. Datos cuantitativos
2. 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 del visitante, 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ágina de destino posteriores al clic. Los datos de usuario recopilados de los mapas de calor se pueden usar para ejecutar pruebas A/B informadas para mejorar las tasas de conversión.

Esta guía de marketing te informará sobre todo lo que necesitas saber sobre los mapas de calor. Desde los tipos de mapas de calor disponibles hasta 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. Como mostrar dónde hacen clic y dónde no hacen clic. 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 las 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 convierta. En una página de destino posterior al clic, un ejemplo de fricción podría ser un formulario largo, una coincidencia de mensaje deficiente o demasiado texto. Los mapas de calor señalan los elementos que podrían estar causando fricción, 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 hacen clic en el botón CTA o si intentan hacer clic en un elemento en el que no se puede hacer clic. La información recopilada se puede usar 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 siguientes dos cosas:

1. Cuánta información con la que interactúan los visitantes: mire qué parte 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.
2. ¿Qué acciones toman los usuarios? ¿En qué hacen clic los visitantes? ¿Hacen clic en el botón CTA, escriben en los campos del formulario, etc.?

Hay esencialmente cuatro tipos de mapas de calor:

1. Mapas de calor de seguimiento de clics
2. Mapas de desplazamiento
3. Mapas de calor de seguimiento del ratón
4. Mapas de calor de seguimiento ocular

1. Haga clic en 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 clics, la cantidad 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 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 posterior al clic debe estar en el botón 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. Mapas de desplazamiento

Los mapas de desplazamiento registran el comportamiento de desplazamiento de los visitantes, ayudándole a ver el punto exacto en el que los visitantes se desplazaron por la página. Este tipo de mapa de calor indica si la longitud de tu 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 tiene una copia deslucida, una imagen que está alejando a las personas o incluso un problema de legibilidad.

3. Mapas de calor de seguimiento del mouse/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 problema principal 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.

Google, la Dra. Anne publicó sus hallazgos sobre la precisión de los mapas de calor flotante que mostraban.

• Solo el 6 % de las personas mostró una correlación vertical entre el movimiento del mouse 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 mouse y el movimiento de los ojos.
• El 10% de las personas se desplazaron sobre un elemento de página específico mientras continuaban leyendo el resto de la página.

Otro experimento de Google y Carnegie Mellon encontró una correlación del 64 % entre el movimiento del mouse y el movimiento de los ojos.

Así es como se ve un mapa flotante:

Los mapas de calor de seguimiento del mouse, como mapas de clics, mapas de desplazamiento y mapas de desplazamiento, tienen las siguientes ventajas:

• Los mapas recopilan datos de forma pasiva sobre cómo los usuarios interactúan con los elementos de su página de destino posterior al clic.
• Con el análisis del mapa de calor, puede responder múltiples preguntas relacionadas con la experiencia del usuario y el viaje 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 llevan a cabo en laboratorios donde los participantes usan dispositivos de seguimiento especiales que miden con precisión el movimiento ocular. 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 el camino natural de los ojos de los visitantes, lo que aumenta la posibilidad de que cumplan 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 miran los usuarios una página durante los primeros 3 segundos no será lo mismo que cuando siguen mirando la página durante 30 segundos.

El siguiente ejemplo muestra cómo el período de tiempo afecta 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.

1. 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.
2. 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 la duración de la 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 de mirada comunes de los usuarios y el orden típico de las fijaciones en la página. Ya sea que estén mirando su página en un patrón F o en 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 los clics y los 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 maneras.

1. Seguimiento ocular interno: puede comprar el equipo profesional necesario para los mapas de calor de seguimiento ocular y pedir a los usuarios que miren las páginas web internamente para recopilar datos.
2. 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.
3. Use laboratorios profesionales de seguimiento ocular: puede ejecutar sus estudios de mapa de calor de seguimiento ocular en laboratorios profesionales de investigación de usuarios. Las pruebas realizadas en un entorno profesional producen resultados precisos.

Beneficios de los mapas de calor

Los mapas de calor le brindan 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.

Aquí hay un desglose de los beneficios que los mapas de calor brindan a los especialistas en marketing:

1. Los mapas monitorean el comportamiento del usuario
2. 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 debe colocar los elementos de la página que no desea 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 descubrir si hay algo que necesita cambiar en la página.

Estudios de casos de mapas de calor

Esta sección incluye estudios de casos sobre cómo los diferentes tipos de mapas de calor ayudaron a aumentar las conversiones en las páginas web y generaron crecimiento empresarial.

1. Medios blandos

Softmedia usó 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 causaban fricción en la página y los usuarios no podían 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. pareja

Pair (ahora Pareja) presentaba 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 realizó pruebas A/B para ver si eliminar las distracciones (enlaces de navegación) de la página generaría un aumento en las conversiones.

Eliminar los enlaces de navegación de la página conduce a un aumento del 12% en las conversiones.

3. Ceniza de agosto

Cuando August Ash ejecutó un mapa de calor en su página web, descubrió 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 de CTA es una combinación 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 de CTA. Cambiar la ubicación del botón CTA de debajo del pliegue a arriba del pliegue condujo a un aumento en los clics y, por lo tanto, en las conversiones.

4. Medios Bluewire

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 de usuario presente 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 el crecimiento. La pregunta ahora sigue siendo, ¿deberían todos los especialistas en marketing 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 participar y comenzar a ejecutar mapas de calor en sus páginas de destino posteriores al clic.

Para garantizar que los datos de su mapa de calor que recopile sean precisos y, lo que es más importante, que sean generalizables. Es importante que tenga un tamaño de muestra amplio, para que los cambios que realice en sus páginas de destino posteriores al clic en función de los datos realmente funcionen.

Se recomiendan al menos 2000-3000 vistas de página 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 posterior 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 confiar únicamente en 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 completan el formulario más allá del primer campo, esto no significa necesariamente que los visitantes solo completaron el primer campo. Esto también podría significar que los visitantes usaron su teclado para desplazarse por los campos en lugar de su 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 los mapas de clics.

Cuando esté creando mapas de calor, asegúrese de mirar la imagen completa, para que pueda beneficiarse 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 gerentes de PPC pueden usar los mapas para mejorar el ROI de su publicidad conectando anuncios a páginas de destino posteriores al clic relevantes y dedicadas.

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:

1. Seguimiento del comportamiento de los visitantes
2. Para la optimización de la tasa de conversión
3. Tomar 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 de sus visitantes, es decir, no puede ver físicamente lo que están haciendo. Los gerentes 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 de análisis le indican los números de tráfico exactos en su página de destino posterior al clic y, de esos visitantes, cuántos abandonan su página. Son mapas de calor que explican lo que sucede cuando un visitante ingresa a 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 encuentren fácil de navegar sin ninguna fricción.

Para la optimización de la tasa de conversión

La optimización de la tasa de conversión es el proceso continuo de garantizar 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 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 con 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. .

Comience siempre su prueba A/B con una hipótesis. Lo que quieres probar para que cuando veas una variación ganadora sepas exactamente lo que funciona. No realice pruebas A/B de sus páginas de destino posteriores al clic al azar, comience con una idea particular en mente: la hipótesis proviene de los conocimientos recopilados del análisis del mapa de calor.

Para tomar decisiones de UX

Otra forma en que puede usar los 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 los visitantes ven 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 luego lo ayudan a crear una página con una excelente 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 llegar a la página no garantiza que hagan clic en el botón CTA.

Simplemente crear una página de destino posterior al clic no es suficiente. 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.

Hay diferentes herramientas de mapas de calor que puede usar 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 desplazar mapas de calor con Hotjar.

Mirada inteligente

Smartlook permite a los usuarios ejecutar análisis cualitativos recopilados 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 de 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.

Instapágina

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 Instapage Heat map Visualizer es su mejor opción. La funcionalidad de mapa de calor de Instapage le brinda la información ultra específica que necesita para determinar qué elementos de la página probar A/B.

El visualizador de mapa de calor proporciona una funcionalidad de seguimiento 3 en 1: movimiento del mouse, clics y profundidad de desplazamiento. Puede obtener una mejor comprensión de dónde los visitantes pasan la mayor parte del tiempo 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 las conversiones.

Así es como se ven los mapas dentro de la plataforma:

movimiento del ratón

Haga clic en el mapa

Desplazarse por el mapa

Sigue 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 hacerlo 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 tablero, simplemente haga clic en 'Vista previa de la página':

Una vez en el modo de vista previa, simplemente habilite el modo de mapa de calor haciendo clic en el interruptor:

Y ahora puedes ver el comportamiento de los visitantes en tu 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. La profundidad de desplazamiento le permite ver qué tan abajo en la página se han desplazado sus visitantes:

2. Los clics le muestran en qué elementos han hecho clic sus visitantes:

3. El movimiento del mouse le permite ver en qué parte de su página de destino posterior al clic pasan más tiempo los visitantes:

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 los 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 de usuarios reales en lugar de conjeturas alocadas.

Puede usar la herramienta Instapage Heatmap Visualizer para crear mapas de calor en sus páginas de destino posteriores al clic sin registrarse ni 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 posteriores al clic de alta conversión. Regístrese aquí para obtener una demostración de Enterprise.