
Qué es un mapa de calor, cómo crear uno, ejemplos y estudios de casos
¿Sabes lo que es un mapa de calor – y para qué sirve?
Los mapas de calor están en todas partes hoy en día. Los ves en el tiempo, en los sitios de bienes raíces – básicamente, en cualquier lugar donde haya datos para mostrar.
Los mapas de calor están en todas partes en estos días
Son cada vez más populares en las disciplinas científicas donde hay que hacer comprensibles grandes volúmenes de datos.
Eso es porque son una gran manera de ver a través de los datos a las tendencias y entender qué hacer a continuación.
Y mientras que podemos pensar en los mapas de calor como algo del siglo 21, resulta que tienen sus raíces en las técnicas de análisis estadístico del siglo 19.
Ahora los mapas de calor son la herramienta más utilizada para representar datos estadísticos complejos. Doctores, ingenieros, comercializadores, sociólogos e investigadores de todo tipo utilizan los mapas de calor para hacer comprensibles y accionables los conjuntos de datos complejos.
Ese es el secreto de su éxito: los gráficos tienen que ser interpretados, las tablas tienen que ser entendidas, pero los mapas de calor son auto-explicativos, intuitivos.
Suena genial. Entonces, ¿qué estoy mirando?
¿Qué es un Mapa de Calor?
Un mapa de calor es un software de análisis de datos que utiliza el color de la misma manera que un gráfico de barras utiliza la altura y la anchura: como una herramienta de visualización de datos.
Si está mirando una página web y quiere saber qué áreas reciben más atención, un mapa de calor le muestra de una manera visual que es fácil de asimilar y de tomar decisiones.
¿Qué muestra un mapa de calor?
Un mapa de calor utiliza un espectro de colores de cálido a frío para mostrarle el análisis de su sitio, es decir, qué partes de una página reciben más atención. Este mapa de calor, por ejemplo, muestra cuánto se han desplazado los visitantes hacia abajo de la página:
Si mira una página web, los datos están ahí mismo: el CTA que está encima del pliegue brilla en naranja brillante, o no.
Si no es así, considera moverlo más arriba en la página para que se alinee con el lugar donde los visitantes están prestando más atención.
Para otras formas fáciles de incrementar tus tasas de conversión, mira este video de Agencia Analitica Web’s GM Suneet Bhatt:
Puedes pensar en los mapas de calor como una forma de narración visual. La creación de un mapa de calor te ayuda a entender el comportamiento de los visitantes al instante.
También le ayudan a responder a una pregunta crucial: «¿Dónde debería estar el contenido más importante de esta página?»
¿Cómo funciona un mapa de calor?
El software de mapas de calor funciona recogiendo datos de una página web y mostrando esos datos en la propia página web.
Así es como lo hace Agencia Analitica Web.
Primero, tomamos una instantánea de la página web en la URL que usted seleccione. Cuando el HTML de la página se carga, las versiones de lo que se carga se envían a nuestros servidores también, gracias a una corta sección de JavaScript insertada en el código de tu sitio.
Luego creamos un mapa de todos los elementos de tu página – todo lo que cualquiera pueda interactuar. Estos y sus etiquetas y sus elementos padres son los que usamos para construir un mapa de actividad de usuario en tu página.
A continuación, recogemos todos los datos de actividad. Cada vez que un usuario hace algo en tu página web, lo marcamos.
(También usamos un trozo de código para asegurarnos de que sabemos que son usuarios únicos, para que no tengas usuarios duplicados o múltiples que se metan con tus cifras.)
Hay mucho que hacer para que esto ocurra, pero el objetivo de un mapa de calor es que no necesitas saber necesariamente sobre esto para obtener valor de él.
Supongamos que alguien viene a tu página y hace clic en tu CTA. Grabaremos ese clic y lo añadiremos al resto de la información que tenemos sobre esa página.
Entonces, cuando veas la página en el panel de control, verás el agregado de todo lo que cada usuario único hizo en la página, que tiene un aspecto parecido a esto:
El análisis del mapa de calor le ofrece una visión general visual de dónde hacen clic sus visitantes en su página – cuantos más clics, más brillante es el área, creando lo que llamamos «hotspots».(«Heat Map»)
Esto significa que cuando mira su mapa de calor, puede ver rápidamente qué áreas de la página tienen mucha acción y cuáles no.
Otros tipos de mapas de calor
Además de los mapas de calor, hay varios informes que pueden mostrarle de dónde vinieron sus clics, cuánto se desplazaron los visitantes y más.
Desplácese por el mapa
¿Debería tener un contenido más largo o más corto en la página?
¿Dónde debería estar ese CTA?
Un mapa de desplazamiento le permite ver qué proporción de sus visitantes se desplazaron hacia donde antes de rebotar.
Esto es importante porque si la mayoría de sus lectores no están leyendo las entradas largas de su blog, puede ser mejor que dedique su tiempo a crear otros tipos de contenido.
El mapa de desplazamiento le dice dónde está el punto dulce del CTA en su sitio: el lugar que la mayoría de los ojos ven. También le dice donde su diseño no está en la nariz.
Los cambios repentinos y fuertes de color pueden indicar que los visitantes «piensan que lo que sigue ya no está conectado con lo que venía antes (llamado ‘fines lógicos’)», dice Peep Laja, fundador de Conversion XL. «Estos son puntos de bajada bruscos que son difíciles de ver sólo con Google Analytics»
Confetti Report
Confetti es como una versión muy específica de un mapa de calor tradicional. Es una vista de alta resolución que le permite ver los clics individuales, cada uno representado por un punto de color en el informe.
¿Por qué molestarse?
En parte porque te sorprenderán las cosas raras en las que la gente hace clic, incluyendo los elementos en los que no se puede hacer clic. Esto puede darte una visión única de cómo la gente navega o no navega en tu sitio web.
Por ejemplo, digamos que una cierta página tiene una alta tasa de rebote. El informe de seguimiento de clics de confeti revela que las personas visitan esa página, intentan hacer clic en un montón de elementos diferentes en los que no se puede hacer clic y, a continuación, se frustran y se marchan.
Quieren hacer clic, pero no saben cómo hacerlo.
Ahora ya sabes qué cambiar para que la página se convierta.
Otra aplicación realmente valiosa del Informe de confeti es su capacidad para realizar un seguimiento de los parámetros personalizados, como por ejemplo si alguien visitó tu sitio web desde una campaña publicitaria de pago o una explosión de correo electrónico en particular.
Hemos escrito un artículo entero que explica más sobre cómo este seguimiento puede ayudar a las empresas – especialmente a las marcas de comercio electrónico – a averiguar lo que sucede entre un clic y una compra (o por qué muchas personas dejan un sitio sin añadir al carrito).
Informes de superposición y de lista
Un informe de superposición desglosa los clics en su sitio web en porcentajes por elemento. Esto te permite ver exactamente qué elementos individuales generan clics.
Puedes ver en la miniatura de arriba que hay pequeños signos más en la página.
Cada uno de ellos representa un elemento de la página, y su color representa cuántos clics reciben. El azul es el más bajo, mientras que el verde, el naranja y el rojo representan progresivamente más clics.
Un informe de superposición te permite ver el desglose de clics en tu página de forma visual.
Muestra el porcentaje de clics que ha recibido cada elemento (en comparación con la cantidad total de clics en la página), y te permite profundizar en los datos demográficos (como cuántos de esos clics proceden de un dispositivo móvil, o si proceden de un visitante nuevo o de uno que vuelve).
También te permite ver en qué elementos de la página se ha hecho clic aunque en realidad no estén vinculados a nada.
Un informe de lista muestra información similar, pero en formato de gráfico para facilitar la detección de tendencias (como si los elementos en los que más se ha hecho clic no son realmente vínculos).
¿Cuándo deberías usar un mapa de calor?
Todo el tiempo!
No, en realidad. Aunque suene poco serio, los mapas de calor son tan útiles y tan intuitivos que debería tener uno a mano todo el tiempo y revisarlo regularmente.
Aquí hay algunos escenarios en los que tener los datos de los mapas de calor a mano puede ayudarle a tomar rápidamente mejores decisiones de marketing:
Rediseño de la página web
Rediseñar una página web puede ser una tarea costosa y que requiere mucho tiempo. Lo último que usted quiere es un rediseño que no funcione mejor que el original.
Los diseñadores gráficos y los profesionales de UX pueden utilizar herramientas de mapeo térmico para entender cómo el comportamiento del usuario es impactado por elementos gráficos como el color, el contraste y la colocación, en última instancia, impulsando un sitio web para convertir más eficazmente.
Obviamente, los diseñadores gráficos ya saben todo esto en principio. Pero diferentes audiencias se comportan de manera diferente en diferentes sitios web.
La ejecución de mapas de calor antes de diseñar y lanzar el rediseño de un sitio web podría evitar que te pierdas la marca y termines con un sitio que no se convierte, o que tu audiencia particular encuentre difícil de navegar.
Pruebas A/B
Lo estás haciendo, ¿verdad? Las pruebas de A/B ofrecen baches de conversión cruciales que pueden ser la diferencia entre un negocio que crece rápidamente y otro que lucha por sobrevivir.
Los mapas térmicos pueden proporcionarle una visión instantánea y útil de lo que hacen exactamente sus visitantes de forma diferente en diferentes versiones de su página de destino, entradas de blog o incluso en su página de inicio.
Cuando pruebe a mover el botón CTA, cambiar la copia o alterar las imágenes, podrá ver la tasa de conversión de la página y comprender por qué una página se convierte mejor que otra. (¡Esperemos que la prueba se convierta mejor!)
Con un mapa de calor, puedes ver exactamente cómo los comportamientos de conversión son diferentes. Tal vez una página más larga se convierta mejor, así que piensa: hagamos que todas nuestras páginas sean largas. Tiene sentido
¿Pero qué pasa si la página más larga tiene alguna otra diferencia – una copia más convincente por encima del pliegue, digamos – y eso es lo que marcó la diferencia?
Con un mapa de calor, puedes ver inmediatamente dónde se desplaza la gente y dónde hace clic, así que nunca estás a oscuras.
Marketing de contenidos
Incluso ahora, la mayoría de los contenidos están escritos. Son las palabras en una página.
¿Los visitantes de su sitio leen y se interesan por su contenido?
Los mapas de desplazamiento pueden mostrarle en qué punto de la página se desplazan sus usuarios, para que sepa si están leyendo su contenido. Comprueba qué CTAs llaman más la atención con un mapa de clic y sabrás más.
Comprueba qué CTAs llaman más la atención
Por ejemplo: digamos que Michael escribe una fantástica y profunda entrada de blog sobre el uso del producto de su compañía, DocuLoc, para mantener los documentos seguros.
Identifica casos de uso, documenta lo que están haciendo los clientes existentes y profundiza en por qué es importante y por qué tantas soluciones existentes no funcionan.
Si es súper spam y promociona el producto, nadie lo leerá; pero él lo sabe, así que el post es mayormente sobre los retos del panorama de seguridad, no sobre el producto.
El publica el artículo en su blog, lo tuitea y lo comparte, y recibe un tráfico decente.
Hasta ahora, todo bien.
La semana siguiente revisa sus informes de visitas.
El mapa de desplazamiento muestra que sólo uno de cada quince o veinte de sus lectores llega al final del post. Hmm, piensa Michael. Tal vez 7.000 palabras es un poco demasiado largo. Parece que nadie quiere leerlo realmente.
Pero es un veterano, así que también comprueba los otros informes. El informe del confeti muestra que, de las personas que leen hasta el final de la publicación, casi todas hacen clic en su CTA.
Michael no tiene un contenido de bajo rendimiento del que la gente se aleja; ¡tiene una máquina de gen de plomo que descalifica a los prospectos inadecuados incluso antes de que se pongan en contacto con él!
Puede aprender todo eso con sólo tomarse unos minutos para consultar los datos, lo que le deja más tiempo para escribir su próxima obra de 7.000 palabras.
UX y pruebas de usabilidad
Con toda esta oportunidad de rastrear dónde hacen clic los visitantes y hasta dónde se desplazan, tiene sentido probar UX y la usabilidad.
Digamos que eres un comerciante online y te encuentras con que mucha gente está añadiendo artículos a su cesta de la compra, pero luego abandonan su cesta en el último minuto.
Es hora de hacer un poco de pruebas de UX para ver qué está pasando.
Utiliza mapas de calor y superposiciones para ver dónde la gente está haciendo clic – y dónde se están quedando atascados.
¿Se ve azul el botón de salida? Puede ser que no sea lo suficientemente prominente. Prueba con algo más colorido o más alto en la página.
¿Los compradores están haciendo clic en algo que no se puede hacer clic? ¿O quizás se están distrayendo con la barra de navegación?
Elimina esas distracciones de una variación de la página y luego prueba A/B las dos páginas para ver cuál convierte más a los clientes.
¿Quieres ver el análisis del sitio web en acción? Vea este video donde analizamos la página de inicio de comercio electrónico del cliente Agencia Analitica Web, Tommie Copper, utilizando informes de visitas y grabaciones de sesiones:
Embudo de conversión
La prueba de UX y la usabilidad, así como la eficacia de sus esfuerzos de marketing de contenido también le ayudará a mejorar la forma en que los clientes potenciales bajan por el embudo de conversión.
Como mencionamos anteriormente, si un pequeño número de personas están leyendo todo el contenido, pero todos se inscriben en la lista de correo electrónico, está mejorando la calidad de los clientes potenciales para su equipo de ventas.
Puedes ver todo esto a través de mapas de desplazamiento y mapas de confeti.
Si, sin embargo, ves muchos visitantes que vienen a tu página de aterrizaje, pero casi nadie te está dando su correo electrónico o haciendo clic en tu cupón, mira tu mapa de calor para ver dónde están haciendo clic, si es que lo hacen.
Puede que sea el momento de probar algunas páginas diferentes para mejorar la usabilidad y eliminar las distracciones que podrían estar atascando a los visitantes.
Lo que puede aprender de un mapa de calor
Los datos del mapa de calor pueden ayudarle a ver rápidamente:
- Qué titulares atraen a los visitantes y los hacen hacer clic
- Qué imágenes atraen la atención y qué hace la gente al respecto – te sorprenderás de cuántos tratan de hacer clic en una imagen no vinculada
- Qué distrae a los visitantes de tu contenido principal (Muchos usuarios de mapas de calor por primera vez se sorprenden de lo diferente que sus usuarios navegan por el sitio en comparación con sus expectativas.)
- Si los visitantes ven su buzón de correo electrónico opt-in (Los bajos opt-ins y clicks pueden deberse a algo tan simple como los buzones opt-in que no destacan. Los mapas de calor lo hacen claro y obvio, así que puedes arreglarlo.)
- Si su navegación está funcionando (¿Saben los usuarios que está ahí?)
- Si la gente puede localizar fácilmente las opciones de búsqueda
- Si los visitantes están leyendo su contenido y cuánto (¡Este es un caso de uso enorme para los mapas de desplazamiento!)
Profundice más y podrá ver:
- – dónde colocar el contenido que es más importante para los objetivos de sus visitantes (En un estudio reciente, ConversionXL encontró que el tiempo de visualización de los usuarios se distribuyó casi exactamente en línea con el principio de Pareto: 80% por encima del pliegue, 20% por debajo de él. (¿Qué es el pliegue?))
- Donde la mayoría de los usuarios miran en una página (Típicamente esto es arriba y a la izquierda – la gente tiende a leer las páginas web en un patrón ‘F’ o ‘Z’, por lo que muchos sitios están diseñados para facilitar esto, pero el contenido basado en imágenes a menudo se lee horizontalmente.)
- La diferencia entre lo que los hombres y las mujeres, las audiencias mayores y menores, y las personas de diferentes lugares geográficos quieren del contenido
- Qué imágenes se están viendo, cómo los usuarios están interactuando con ellas, y cómo usarlas de manera más efectiva
Todo esto se suma a una manera fácil de identificar los problemas que perjudican las conversiones y a una manera fácil de optimizar continuamente sus correcciones para ellos.
Es un poco como tener visión de rayos X para su sitio web, y no puedo ser la única persona que lo desee a veces.
Entender los mapas de calor
La lectura de los mapas de calor es más rápida e intuitiva que obtener información útil de las columnas de figuras. Pero aún así hay que interpretarlos
Cómo leer un mapa de calor
Veamos un par de ejemplos de mapas de calor en tiempo real. Aquí está cómo la Academia Khan usó una herramienta de mapa de calor para entender cómo sus usuarios estaban interactuando con su sitio.
La herramienta de Mapa de Calor muestra la página principal de la Academia Khan, mostrando la proporción de visitantes que hicieron clic en cada artículo de la página.
¿Qué nos muestra esto? En el menú superior, los usuarios están haciendo clic extensamente en «Ver», «Practicar», «Entrenador» – pero no en «Contribuir», que casi no recibe atención.
«Buscar» recibe mucha acción, el vídeo se reproduce mucho, y los dos CTAs bajo el primer encabezado también reciben mucha atención.
También podemos ver que los enlaces sociales en la esquina superior derecha de la imagen no reciben ninguna atención.
Simplemente viendo en qué lugar de la página hace clic la gente, puedes determinar si necesitas mover alguna de las imágenes, hacer que el curso de acción correcto sea más claro y fácil de encontrar, y descubrir lo confundidos que están tus visitantes.
Hay más.
La misma página del Scroll Map muestra que la mayor concentración de atención es el centro de la pantalla sobre el pliegue:
Eso es normal. Desplácese hacia abajo en la gran colección de enlaces de la Academia Khan a piezas específicas de contenido que tienen en su página de inicio, y las cosas empiezan a verse más como esto:
De nuevo, eso es normal. Lo que puedes hacer entonces es comparar la impresión que estás obteniendo con este informe de Scroll Map con la vista de lista.
Scroll Map report
Eso te muestra cuántas personas han hecho clic en cada enlace como una tabla de números crudos, no en proporción al número de visitantes.
La larga cola de clics de los enlaces en la Vista Lista coincide bastante bien con la larga cola de atención que vimos en el informe Scroll Map. Pocos se desplazan hacia abajo hasta aquí, pero de los que lo hacen, muchos hacen clic en uno de estos enlaces. Eso le dice que los enlaces están probablemente en el lugar correcto y que vale la pena mantenerlos.
El Mapa de Calor y el Mapa de Desplazamiento pueden ser usados juntos para obtener una visión más clara del comportamiento de los visitantes.
Por ejemplo, aquí está la página de Contribución de la Academia Khan en el informe del Mapa de Calor:
Se puede ver que la mayoría de la atención va donde ellos quieren: a la donación recurrente CTA en el lado derecho de la página:
Pero esta página tiene dos objetivos. El otro es conseguir que la gente se registre para ser traductores.
Y cuando llevamos la página al Scroll Map, podemos ver por qué no hay demasiada gente haciendo clic en ese enlace:
Sólo la mitad de la gente que visita el sitio se desplaza hasta allí. ¿Mover el CTA? ¿Darle su propia página?
Mover el CTA
¿O la copia no es lo suficientemente persuasiva para que la gente siga leyendo? Compruebe los cambios de color para ver.
Parece que es en «Count Me In» donde la gente deja de mirar. Ese primer párrafo, bajo «Ayuda a traducir nuestro contenido a otros idiomas», no está agarrando a los lectores y reteniéndolos.
Usando el Mapa de desplazamiento para ver dónde se pierde la atención y el Mapa de calor para ver dónde cambian las acciones, no sólo puedes construir una imagen de lo que la gente hace, sino también de por qué lo hace. Eso le da el conocimiento que necesita para tomar decisiones que lleven a conversiones y crecimiento.
Puede ver un video completo de la estrategia del mapa de calor de la Academia Khan aquí:
Ahora, comencemos con su mapa de calor.
Mapas de calor: Empezando
Los mapas térmicos son relativamente simples de configurar. Configurar un mapa térmico de Agencia Analitica Web lleva literalmente un par de minutos. Una vez configurado, volver a consultar para acceder a tus informes es también muy sencillo
Cómo crear un mapa de calor paso a paso
Paso 1: Registrarse
1. Crear una cuenta en CrazyEgg
Ve a https://www.crazyegg.com/ y regístrate para una prueba. Obtendrás 30 días gratis para que puedas empezar a ejecutar heatmaps en tu sitio, así como grabaciones de sesiones de usuario e incluso pruebas A/B.
Se te pedirá que elijas un plan. El proceso de registro ha finalizado.
Paso 2: Configurar una instantánea
Paso 2: Configurar una instantánea
Ve a la página New Snapshot de tu panel y configura un nuevo informe.
Suelta la URL de la página que quieres probar en el cuadro URL. (¡Asegúrese de que el código de seguimiento está en esa página!) Nombre a la instantánea lo que quiera que tenga sentido para usted.
A continuación, elija si quiere ejecutar un informe que capture los visitantes de escritorio, las vistas de tableta, los visitantes móviles – o las tres cosas.
A continuación, calcule cuánto tiempo desea ejecutar el informe:
Puede terminar después de un tiempo determinado o después de una cantidad determinada de tráfico. El valor por defecto es 60 días o 25.000 visitantes, pero puedes entrar y cambiarlo si tienes poco tráfico o crees que puedes averiguar lo que necesitas saber con menos visitantes.
Cuando tu instantánea esté en marcha, podrás verla en tu panel.
7 Casos de estudio de mapas de calor
Aquí hay siete ejemplos de visualización de datos de cómo la gente ha utilizado los mapas de calor de Agencia Analitica Web de manera efectiva:
1. Softmedia aumenta las conversiones en un 51%
El proveedor de software de subastas de centavos Softmedia utilizó los mapas de calor para identificar las áreas problemáticas en su página web.
Identificaron con éxito las distracciones que impedían a los visitantes completar la acción deseada. Después de eliminarlas, las conversiones aumentaron en un 51 por ciento.
El par izquierdo de imágenes del mapa de calor muestra que un botón «No haga clic aquí» estaba distrayendo a los visitantes de hacer clic en el botón «solicitar una cotización».
El par de imágenes de la derecha muestra los clicks de los visitantes en la página de contacto, donde un video de demostración distrajo a los visitantes de contactar con Softmedia.
Eliminando ambas conversiones mejoradas para cada página.
2. Conversion Rate Experts mejora los Opt-Ins en un 25.9 por ciento
La agencia CRO Conversion Rate Experts quería mejorar los opt-ins de una página en particular.
Mientras funcionaba adecuadamente, los datos del mapa de calor mostraban que algunos visitantes se distraían por el contenido de la barra lateral y por lo tanto nunca completaban la casilla de opt-in.
Una prueba A/B demostró que una nueva página sin la barra lateral resultaba en una mejora del 25,9 por ciento en los opt-ins.
Observa cómo los profesionales utilizan Agencia Analitica Web!
3. WPMU Dev soluciona el diseño de la página de productos
Identificaron partes del menú de navegación que los visitantes ignoraron, junto con algunos vídeos estupendos que nadie vio nunca. Esta información se introdujo en un plan de rediseño de la página de productos.
¿Puedes adivinar lo que está mal en esta imagen? Sip! Demasiadas llamadas a la acción y elementos en los que los visitantes pueden hacer clic. Lo que realmente encontraron fue que nadie estaba haciendo clic en (y viendo) las cosas que querían que los visitantes vieran
4. Sistema de visibilidad local mejora el SEO local
El consultor SEO de pequeñas empresas Local Visibility System (LVS) creó una URL personalizada para Google Places (ahora Google My Business) y realizó un seguimiento de los visitantes a esa URL a través de Agencia Analitica Web
El informe Confetti resultante mostró a dónde se dirigían los visitantes locales después de aterrizar en el sitio, permitiéndoles ver qué páginas requerían una optimización adicional.
(También hay información útil sobre el uso de Agencia Analitica Web con mapas, direcciones y reseñas, que forman parte del SEO local.)
A veces los mapas de calor de aspecto loco pueden parecer aterradores. «¡Están haciendo clic en todas partes!»
Pero puede ilustrar que la gente está leyendo la mayor parte de la página y haciendo clic para obtener más información. ¿Cómo puedes usar eso a tu favor?
5. La plataforma de hospedaje de WordPress utilizó el mapa de desplazamiento de Agencia Analitica Web para identificar las partes de su página a las que la gente prestaba atención.
La empresa descubrió que menos del 25 por ciento de sus visitantes se desplazaban más allá de 600px, lo que significaba que gran parte de la página se desperdiciaba.
Esta información sugería que Pagely debería replantearse el diseño para asegurarse de que los visitantes vieran la información más importante por encima del pliegue.
Adicionalmente, encontraron que atar los clics a conversiones específicas es un análisis aún más importante a realizar:
Saber cuántas vistas de página se convirtieron en clics, y cuántos clics se convirtieron realmente en registros es una información extremadamente valiosa. Combine este conocimiento con sus pruebas A/B y vea qué variación no sólo obtiene más clics, sino que también se registra
6. SugarRae ajusta la mezcla de contenido
La bloguera de SEO SugarRae utilizó los mapas de calor de Agencia Analitica Web para identificar qué contenido atraía más a los visitantes
Identificó las tres etiquetas de navegación que recibían más clics y utilizó esa información para decidir qué contenido crearía más en el futuro.
Descubrió que los visitantes intentaban hacer clic en las imágenes en las que no se podía hacer clic y también averiguó qué anuncios funcionaban mejor para poder optimizar la mezcla para obtener más clics e ingresos.
La vista superpuesta le permitió segmentar los clics de los visitantes por propiedades como fuente de referencia.
7. La Boutique de Joyería Harry Fay ha detectado una fuga de beneficios
La Boutique de Joyería Harry Fay identificó varias áreas que estaban ahuyentando a los visitantes y afectando a los beneficio
Después de identificar estas cuestiones, el minorista en línea hizo algunos cambios de diseño y descubrió que los beneficios recuperados pagaban con creces la inversión en el software.
Los mapas de desplazamiento le permiten ver rápidamente si la gente está viendo el contenido del que usted está más orgulloso. En este ejemplo, al comparar los Scroll Maps antes (izquierda) y después (derecha), las imágenes muestran que un porcentaje mucho mayor de personas están viendo ahora el contenido promocionado.
Cómo utilizar la herramienta Agencia Analitica Web Heat Map: Ejemplo
Este es un ejemplo de alguien – de hecho, Agencia Analitica Web – que utiliza la herramienta para resolver problemas en la página de inicio de su cliente. Trabajando en la propia página web de Neil Patel, el objetivo era aumentar las conversiones en un 100 por ciento.
Al final, el equipo consiguió aumentar las conversiones en más de un 400 por ciento, basándose en los resultados de la herramienta Huevo Loco.
Se comenzó a trabajar en la página web de Neil:
Echa un vistazo a la fuente, y verás que es una página muy larga. No hay nada malo en ello, pero esta página no se estaba convirtiendo. Los mapas de desplazamiento iniciales mostraron que sólo alrededor del 50% de la audiencia estaba leyendo mucho más allá de la mitad de la página, y relativamente pocos visitantes vieron la parte inferior en absoluto.
Mientras tanto, el Mapa de Calor mostró que muchos visitantes estaban realmente haciendo clic en el nombre de Neil en la parte superior de la página o en los logotipos de los clientes, mientras que relativamente pocos hicieron clic en el CTA.
Muchas personas hacían clic en lugares que no eran realmente seleccionables – una historia familiar.
Además, la opción de hacer clic en los estudios de casos estaba creando caídas: ¡más gente estaba mirando los estudios de casos que inscribiéndose!
Al mirar el informe de Confetti, era fácil ver que el 49% del tráfico que llegaba a la página provenía de QuickSprout, el blog personal de Neil Patel, lo que significa que los visitantes probablemente ya sabían quién era él.
«Por eso», dice Mike Kamo, que dirigió los informes de mapas de calor, «nos dimos cuenta de que no necesitamos vender a estas personas tan duramente». Demasiado de la página estaba diciendo a los visitantes cosas que ya sabían.
Tal vez podrían ir más al mínimo?
La nueva página era tan simple como se puede: Un encabezado, dos líneas de copia y un formulario de un solo campo.
En lugar de hacer que la gente rellene un formulario de inmediato, los visitantes ahora ponen la URL de su sitio web y lo hacen analizar, y luego añaden sus detalles más tarde.
(¿Le suena familiar? Debería – es lo que ofrece la página de inicio de Agencia Analitica Web, y un montón de otros.)
«Cuando la gente descubre que hay errores en su sitio, es más probable que quieran registrarse con nosotros», dice Mike.
En la parte inferior de la nueva página de inicio, puedes ver dos opciones: Consultoría y Testimonios. La página de consulta tiene ahora un aspecto similar a la página de inicio original y contiene una gran cantidad de la misma copia:
Pero es sólo para las personas que la buscan porque sienten que necesitan saber más. La mayoría de los visitantes sólo usan el formulario principal de la página de inicio.
La diferencia de rendimiento entre las dos páginas es enorme. En la primera página sólo hubo un 2,1% de conversiones.
En la nueva página, el 26% de los visitantes rellenaron el primer formulario.
La nueva página es un proceso de dos pasos, y no todos los que rellenaron el primer formulario se convirtieron en clientes potenciales. Revisa la segunda página y la tasa de conversión real es de 9,1% – un aumento del 433% en las conversiones.
Al utilizar los diferentes tipos de heatmap juntos, Agencia Analitica Web fue capaz de generar aumentos masivos en las conversiones.
Obviamente, ninguna herramienta de heat map o cualquier otra herramienta viene con la creatividad incorporada o se deshace de la necesidad de un gran diseño, copia, y SEO.
Pero si te permite ver lo que realmente está pasando y cambia la forma en que tu sitio está construido para reflejar eso.
Conclusión
Un heat map es la columna vertebral de cualquier estrategia CRO (optimización de la tasa de conversión). También es una herramienta muy subestimada por lo potente que es.
Los mapas de calor le dan una clara indicación de lo que los visitantes realmente hacen en su sitio. Puede averiguar rápida y fácilmente si alguien ve su copia y si la gente hace clic en su CTA o en imágenes y palabras en su lugar.
También puede ver de dónde vienen sus visitantes, vigilar sus tasas de conversión de vista de página a clic y mucho más.
En lugar de tener que deducir lo que sucede a partir de números como la tasa de rebote y el tiempo de permanencia en la página, o rastrear las conversiones de objetivos en GA, los mapas de calor le ayudan a construir una imagen más sofisticada a partir de saber qué elementos se hacen clic o se ignoran.
Hemos visto como los heat maps pueden ser usados para entender el comportamiento de las conversiones y optimizar su embudo de ventas.
Usar un simple heat map le permite ver si los visitantes están haciendo clic en sus elementos de conversión, y si no, en que están haciendo clic en su lugar.
Casi siempre es algo inesperado.
Y le permite responder a una pregunta que ninguna cantidad de estadísticas de rebote puede: ¿por qué la gente está dejando su sitio?
Basándose en esa comprensión del comportamiento real, más que imaginado, de los usuarios, es posible llegar a un mejor diseño y copiar y generar conversiones mucho más altas.
Los datos de los mapas de confeti y de desplazamiento le permiten identificar el comportamiento de los usuarios de una manera más sofisticada, manteniendo el análisis de los mapas de calor tan intuitivo como mirar la pantalla.
La superposición de referencias cruzadas, los informes de listas y las grabaciones de sesiones de usuario le permiten ver hacia dónde se dirige la atención y exactamente quién está haciendo clic en dónde.
El hecho de segmentar el tráfico por actividad y fuente, y de entenderlo en términos del número de visitantes que realmente han visto esa parte de la página, puede ahorrarle el «mal uso» de las partes equivocadas de la página. También puede mantener su juego de contenido fuerte!
Es difícil superar esta simple y versátil herramienta para optimizar páginas o sitios web enteros.
¿Cómo puede utilizar los mapas de calor a su favor? Empieza a usar la prueba gratuita de Agencia Analitica Web para ver dónde puedes mejorar las conversiones de tu sitio!