Ha escuchado a sus amigos y asociados hablar sobre el uso de una herramienta de mapa de calor para mejorar las conversiones y ventas de su sitio web. Tal vez incluso has investigado un poco sobre el tema. ¿Pero por qué exactamente necesita una herramienta de mapas de calor? ¿Y qué es lo que hace?

Usted tiene preguntas. Yo tengo respuestas.

Usted tiene preguntas. Yo tengo respuestas.

Este es el asunto: Los informes de comportamiento de los usuarios como los heatmaps te dan información sobre tu público objetivo que no puedes conseguir en ningún otro sitio. Ahí está el valor. Sin heatmaps, estás a oscuras.

Entonces, ¿cómo ves la luz? Exploremos las mejores herramientas de mapas de calor y su impacto potencial en su negocio.

¿Qué es un mapa de calor?

Un mapa de calor es un informe de comportamiento del usuario que muestra la actividad de los visitantes en una página web particular utilizando una clave de color. En la mayoría de los casos, los colores más cálidos, como el rojo y el amarillo, indican mucha actividad, mientras que los colores más fríos indican poca o ninguna actividad.

Vea el mapa de calor de arriba. Muestra mucha actividad en la sección superior izquierda así como en la página que está encima del pliegue. Es razonable deducir que las personas que visitan este sitio están interesadas en el contenido principal que aparece primero después del logotipo y la barra de navegación.

¿Pero por qué la mayor concentración está a la izquierda?

Es probable que sea porque la gente lee el inglés de izquierda a derecha. Cuando hace clic en un nuevo sitio web, su ojo se dirige automáticamente a la parte superior izquierda porque así es como leería cualquier otro medio de comunicación.

¿Cuál es el propósito de una herramienta de mapa de calor?

Una herramienta de mapa de calor le permite desbloquear los secretos del comportamiento de los usuarios de su sitio web.

Una herramienta de mapa de calor le permite desbloquear los secretos del comportamiento de los usuarios de su sitio web.

A partir de un mapa de calor, puede discernir dónde se encuentra la mayor concentración de actividad en su sitio web. Armado con esa información, puede decidir reorganizar su diseño web, hacer ciertas fuentes más grandes, o ajustar sus CTAs.

Uno de los propósitos más básicos es averiguar dónde la gente hace clic más a menudo. ¿Qué enlaces llaman más la atención?

Basándonos en el ejemplo anterior, sabemos que tres áreas específicas atraen más clics que cualquier otra parte de la página. El propietario del sitio web querría maximizar no sólo el fraseo y el contenido de esas áreas, sino también la calidad de las páginas de destino.

Un gran enlace con texto de anclaje optimizado representa sólo una parte de la historia. También es necesario deleitar al visitante cuando hace clic en ese enlace y llega a otra página.

Si la página de destino no proporciona lo que el usuario esperaba, es probable que rebote. Esto no es bueno para el tráfico, la conversión o las ventas.

¿Cómo funcionan las herramientas de mapas de calor?

Las herramientas de mapas de calor utilizan scripts de seguimiento para medir la actividad de los visitantes en una página determinada. Capturan los movimientos de los ojos a través de la pantalla así como los clics para proporcionar una representación visual del comportamiento del usuario.

Eso suena complicado, pero afortunadamente, no tiene que preocuparse por el motor. Sólo tiene que preocuparse por los caballos de fuerza – en otras palabras, la salida.

Cuando genera un heatmap para una página de aterrizaje en su sitio web, puede ver exactamente lo que los visitantes de su sitio web están respondiendo en un práctico informe visual. En Agencia de Analitica Web, llamamos a esto una instantánea.

En Crazy Egg, llamamos a esto una instantánea.

Cada reporte de mapa de calor le dice como se comportan la mayoría de los usuarios cada vez que acceden a su página. Recomendamos ejecutar los informes durante 60 días, o hasta que 25.000 personas hayan visitado tu página – lo que ocurra primero. De esta forma, obtendrás un mapa representativo basado en las actividades de muchos usuarios.

Una vez que los heatmaps te hayan ayudado a identificar lo que te gustaría cambiar en tu sitio, el siguiente paso es hacer algunas actualizaciones y luego ejecutar más informes para ver cómo tus cambios han impactado en el comportamiento de los usuarios. Tal vez obtenga más clics en su CTA principal, por ejemplo, o tal vez sus ventas aumenten porque ha mejorado la efectividad de una página de destino.

¿Por qué necesita realmente una herramienta de mapa de calor? (3 razones)

Mecánica aparte, ¿por qué debería invertir en una herramienta de mapa de calor?

Después de todo, ¿no puede simplemente mirar sus informes de Google Analytics para averiguar qué elementos de su sitio web están respondiendo los usuarios?

La respuesta es simple: absolutamente no.

Google Analytics y herramientas similares te dicen cuántos clics recibe una página, cuánto tiempo permanecen los usuarios en la página y otros datos valiosos.

Sin embargo, no te dicen lo que hacen los visitantes en la página misma.

Sin embargo, no te dicen lo que hacen los visitantes en la página misma

Esto es crítico porque el comportamiento de los usuarios te da mucha más información sobre lo que quiere tu público. Tal vez hayas incluido un CTA slam-dunk al final de tu página, pero nadie se desplaza nunca lo suficientemente lejos para verlo. Un informe de Google Analytics no mostrará ese problema.

Más allá de eso, veamos tres razones específicas para usar una herramienta de mapa de calor para su sitio web.

Razón 1: Conozca mejor a su público

Todo empresario comienza un negocio con una idea general de lo que su público quiere, necesita y valora. Sin embargo, la experiencia a menudo cambia esas percepciones a medida que sale a la luz una mayor perspicacia.

Por ejemplo, digamos que usted vende equipos deportivos. De entrada, puede hacer algunas deducciones sobre lo que su público objetivo quiere:

• Equipamiento deportivo de alta calidad
• Equipamiento seguro para sus deportes elegidos
• Acceso a información detallada sobre cada producto
• Una amplia gama de opciones en términos de ajuste, color y otras calidades

A medida que su negocio envejece, su público objetivo puede reducirse en función de sus productos y de cómo los comercialice.

Tal vez se dirija a los entusiastas del deporte que no tienen muchos ingresos disponibles. Por lo tanto, su propuesta de venta debe reflejar su dedicación a proveer productos de bajo costo que aún hagan el trabajo.

Usando un mapa de calor, puede crear un reporte para sus páginas de ventas. Puede que note que la gente pasa el cursor sobre el botón «comprar», pero al final decide no hacer clic. Puede ser que el precio sea tan bajo que la gente piense que la calidad también es baja. O puede ser que no estén seguros de los costos ocultos en el proceso de compra.

¿Qué elementos puede agregar a sus páginas de ventas para ayudar a la gente a tomar una decisión de compra? Como siguiente paso, podría añadir un testimonio donde alguien hable sobre cómo les gusta la durabilidad de su equipo deportivo. También podrías probar añadiendo una copia sobre los gastos de envío por adelantado

Razón 2: Determinar los mejores lugares para insertar elementos de diseño valiosos

Un mapa de desplazamiento se ve un poco diferente de un mapa de calor estándar. Las bandas de color se extienden a lo largo de la página y le indican cuando los usuarios se desplazan rápidamente, dejan de desplazarse o hacen una pausa para leer.

Utiliza el mismo sistema de codificación de colores para indicarle dónde se encuentra la mayor actividad. Puedes averiguar dónde puedes poner elementos de diseño valiosos basados en patrones de desplazamiento.

He mencionado anteriormente que un gran CTA sólo dará como resultado clics si su audiencia lo ve. Tal vez la gente deje de desplazarse hacia la mitad de la página, para no llegar allí.

Mover el CTA más arriba en la página – idealmente a un lugar donde la gente a menudo se detenga para leer – puede aumentar su tasa de clics y fomentar más conversiones.

Razón 3: Eliminar la confusión

Una herramienta de mapa de calor también puede ayudarle a identificar las áreas de su sitio que podrían causar confusión entre su audiencia. Por ejemplo, en la siguiente captura de pantalla, verás CTAs en competencia.

Los visitantes no prestan mucha atención al contenido del cuerpo y la gente está tratando de hacer clic en áreas que no tienen ningún enlace.

Todas estas actividades sugieren confusión.

Tal vez has subrayado una frase o una frase en tu contenido. La gente piensa automáticamente que es un enlace porque hemos sido condicionados a combinar el subrayado con los hipervínculos. Cuando el texto no se puede pinchar, los usuarios se frustran.

Además, los CTAs de la competencia fracturan su audiencia. Algunos hacen clic en uno y otros en otro, pero a menudo sin razón aparente. Al alinear sus CTAs y dar a sus visitantes sólo una opción, usted aumenta la armonía en su sitio.

Cómo elegir la mejor herramienta de mapas de calor [Comparación]

Puede evaluar las herramientas de mapas de calor en base a muchos criterios. Concéntrese en las características que más le interesen.

Por ejemplo, algunas herramientas de mapas de calor no ofrecen pruebas A/B. Puede generar informes de mapas de calor en su sitio web, pero no puede probar automáticamente las variaciones entre sí para determinar cuál es la que mejor se desempeña entre su público.

Crazy Egg es un ejemplo de una herramienta de mapa de calor que tiene integrada la prueba A/B.

El precio es otra consideración. Si una empresa quiere cobrarle cientos de dólares por generar heatmaps a partir de 100.000 visitantes, es probable que esté pagando demasiado. A veces, las opciones menos costosas ofrecen más funciones.

Preste mucha atención a la usabilidad, la amplitud de las opciones de informe y las funciones relacionadas que podrían ayudarle a evaluar su sitio web más de cerca. El hecho de que te interesen los mapas de calor ahora no significa que no quieras ejecutar las grabaciones más adelante.

Observa cómo puede ayudarte la herramienta de mapas de calor Agencia de Analitica Web

Crazy Egg es una de las herramientas de mapas de calor más populares e intuitivas del mercado actual. Cientos de compañías de alto perfil confían en nosotros, desde Dell hasta Optimizely

Nuestros competidores tienden a cobrar más por los informes de mapas de calor, pero no ofrecen tantas opciones como nosotros. Nuestros planes empiezan con sólo $29 por mes (facturados anualmente), y cubren 20.000 páginas vistas por mes. Si tiene un sitio más grande, puede actualizarlo en cualquier momento

Además, es súper fácil de instalar. (Entraré en los detalles en un minuto.)

Tipos de mapas de calor para sitios web

A diferencia de nuestros competidores, ofrecemos cinco informes de comportamiento de usuario distintos para ayudarle a analizar su sitio web y el comportamiento de sus usuarios hasta el nivel más granular

• Mapas de calor: Vea dónde están haciendo clic sus visitantes.
• Desplácese por los mapas: Averigua qué contenidos están pasando.
• Superposición: Averigua exactamente cuántas personas están haciendo clic en cada elemento individual de tu sitio.
• Confeti: Desglosa el informe de superposición aún más filtrando los clics por fuente de referencia y otros criterios.

• Lista: Vea un informe de pestañas de sus elementos interactivos más populares.

Cada tipo sirve un propósito específico y le ayuda a entender mejor a su audiencia y a crear activos en el sitio web.

Paso a paso para generar un mapa de calor en línea desde su sitio web

Ahora que está enganchado a los mapas de calor, ¿cómo los configura? En Agencia de Analitica Web, es tan simple como seguir cinco pasos sencillos

Paso 1: Registrarse para una cuenta de Agencia de Analitica Web

Si aún no lo has hecho, regístrate para una cuenta de Agencia de Analitica Web. La obtendrás gratis por 30 días para que puedas probarla y asegurarte de que es la adecuada para ti antes de que te facturemos.

Una vez que ingreses tu información, serás llevado inmediatamente a una pantalla que te permitirá configurar tu primera instantánea. Recuerda que en el lenguaje de Agencia de Analitica Web, una instantánea es un informe visual del comportamiento del usuario en tu sitio. Basado en la información que usted ingrese, el software de mapa de calor generará reportes para las páginas específicas que usted quiera rastrear.

Paso 2: Decida cuántas instantáneas quiere crear

Tiene dos opciones cuando ingresa por primera vez a su panel de Agencia de Analitica Web. Puedes elegir entre crear instantáneas para múltiples páginas de destino, o quedarte con una sola URL.

Recomendamos generar múltiples instantáneas. Esto le permite ejecutar informes en diferentes páginas de su sitio. Por ejemplo, es posible que desee realizar un seguimiento del comportamiento de los usuarios en su página de inicio, en la página principal del blog, en la página de información y en las páginas de destino. Puedes hacerlo desde el principio.

Paso 3: Introduce la URL de destino y da un nombre a tu(s) instantánea

Ahora es el momento de proporcionarle a Agencia de Analitica Web algunos datos. Puede decidir cuanta información quiere proveer y como quiere estructurar sus reportes.

Empiece ingresando el URL objetivo – el URL para el cual Agencia de Analitica Web generará los reportes – y escribiendo un nombre para el reporte. Considere obtener lo más detallado posible aquí.

Observe que, en este ejemplo, comencé con la fecha para el nombre del informe. De esta forma, puedo identificar fácilmente cuándo empecé la instantánea. También incluí el nombre de la página para este reporte específico – utilicé mi sitio web personal, NeilPatel.com.

Paso 4: Personalice sus Instantáneas

Cuando se desplace un poco hacia abajo, verá algunas opciones de personalización más. Concretamente, puedes decidir si deseas realizar un seguimiento del tráfico de diferentes dispositivos por separado o todos juntos.

Tal vez sólo te interese medir el comportamiento de los usuarios de las personas que acceden a tu sitio web en el escritorio. Puede reducir los datos que recopila a ese tamaño de pantalla. También puede decidir si desea tomar capturas de pantalla de la vista de escritorio, tableta o móvil.

Como alternativa, seleccione la opción de tomar tres instantáneas diferentes, una de escritorio, otra de móvil y otra de tableta. Esto puede ofrecer los datos más completos dependiendo de los tipos de dispositivos que prefiera su público objetivo.

A continuación, puede seleccionar la duración de los informes. Puedes introducir una línea de tiempo personalizada o usar la predeterminada.

Hay información detallada para guiarte, y no dudes en visitar el centro de ayuda si tienes alguna pregunta.

Crazy Egg proporciona opciones de personalización adicionales. Puedes usarlas si quieres o dejarlas en sus posiciones predeterminadas.

Por ejemplo, puedes omitir todos los popups o algunos específicos, rastrear un cierto ratio de visitas, retrasar las instantáneas desde el momento en que alguien llega a tu página, o establecer un seguimiento personalizado.

Paso 5: Instala el Script de Seguimiento de Huevos Locos en tu página web

El último paso es simple. Puede instalar el Script de seguimiento de Huevos Locos usted mismo o hacer que su desarrollador web lo maneje por usted.

Es bastante fácil hacerlo usted mismo. Simplemente pegue el script en la secciónde su sitio web.

Easy peasy.

How to Read and Understand Your Heatmaps

Como mencioné anteriormente, los Heatmaps ofrecen una representación visual de la actividad del usuario. Pero, ¿qué significa esto?

Todo se reduce a números, como una proporción. Dado un cierto número de visitantes del sitio web, el mejor software de mapas de calor calcula la intensidad de la actividad en la página basándose en la relación de cada visitante individual con el total.

La herramienta de mapas de calor convierte esos números en colores basados en la intensidad. Usted lee y entiende los heatmaps evaluando visualmente el grado de intensidad de cada visita a la página.

A veces, verá una tonelada de información en el formulario básico de heatmap. La intensidad puede estar por todas partes.

En otros casos, verás mapas térmicos que concentran la intensidad en sólo una o dos áreas específicas. Ambos resultados pueden proporcionar información clave sobre el comportamiento de los usuarios.

¿Qué tipo de datos puede obtener de las herramientas de mapas de calor?

El propósito de un mapa de calor es decirle cómo se comporta su público en su sitio web. Pero, ¿qué puede hacer con esos datos?

Puede que vea mucha actividad de clic en una imagen de la página de aterrizaje. La gente parece pensar que es un enlace, pero no hay una URL asociada.

Enlazar esa imagen a una página relevante en su sitio podría reducir la tasa de rebote al mantener a la gente en su sitio web por periodos de tiempo más largos.

De manera similar, si hay poca o ninguna actividad alrededor de su CTA, tal vez necesite cambiar la redacción o ponerla en un lugar diferente.

Para eso están las pruebas A/B.

Conclusión

Los datos no tienen por qué ser desalentadores

Al contrario, no deberían serlo

Yo utilizo heatmaps en todos mis sitios para generar datos valiosos. Se ha convertido en parte de mi proceso de optimización.

¿Por qué? Porque no quiero quedarme mirando los números todo el día, y no quiero depender de Google Analytics o de las hojas de cálculo para tomar decisiones sobre mis sitios.

Las herramientas de visualización hacen mi vida más fácil. Pueden hacer lo mismo por ti.

En cambio, me gustaría saber exactamente qué hacen los visitantes cuando llegan. Eso es lo que proporcionan los mapas de calor.