Hotjar como herramienta para optimizar la usabilidad de páginas web

interface hotjar ejemplo

Introducción

Los estudios de usuario “convencionales” requieren inversiones en tiempo y dinero. Afortunadamente, está apareciendo una nueva generación de herramientas que permiten llevar a cabo mejoras en la usabilidad de un sitio con una nueva clase de estudios de usuarios.

Por otro lado, los medios de monetización son sistemas por los que una web puede generar ingresos pasivos a sus administradores a cambio de proporcionar alguna clase de servicio de valor a los usuarios que haga que éstos consideren útil frecuentar la web considerada.

Las posibilidades de monetización web son muchas y variadas, desde las más habituales y aceptadas, como la incorporación de anuncios de Google Adsense, afiliación, pasarela de pago, hasta otras menos convencionales, y ciertamente sometidas a discusión, como venta de leads, venta de enlaces, entre otros.

En todo caso, para poder obtener buenos ingresos es necesario optimizar los anuncios, la estrategias de conversión en ventas y, en general, la usabilidad del sitio web.

Una de las herramientas de reciente aparición permiten crear mapas de calor que muestran la forma en la que lostus usuarios navegan por una web permitiéndonos tomar medidas de mejora de la usabilidad del sitio, lo que puede redundar en más tráfico y, eventualmente, mejor monetización del sitio web. En esta ocasión, presentamos una de estas herramientas, Hotjar, debido a su creciente reputación entre los profesionales del SEO y de la usabilidad.

¿Qué es Hotjar?

Hotjar es una herramienta que nos ofrece mejorar la usabilidad de nuestra web y la tasa de conversión de una forma muy visual y sencilla. Es una herramienta de analítica que nos va a ofrecer un mapa de calor de las distintas páginas de nuestra web. Por tanto mostrará por dónde han pasado el ratón nuestros usuarios, dónde han hecho clic, por donde se han movido, si han hecho scroll, etc.

Con Hotjar vamos a poder realizar Test A/B, análisis multivariantes, etc., y lo más importante vamos a poder averiguar el comportamiento de los usuarios durante la navegación, ya que no solo nos muestra un mapa de calor sino una muestra de vídeos de cómo navegan nuestros usuarios. Con esto podremos encontrar las mejores ubicaciones para nuestros banners Adsense, nuestros enlaces de afiliación y nuestros embudos de conversión.

En la interface tendremos una imagen de nuestras páginas donde figurarán las zonas frías y calientes de la web, es decir, frías las zonas en las que menos se fijan nuestros usuarios, y calientes las que más. También figurará en dónde hacen clic, por dónde desplazan el ratón, etc.

Lo bueno de Hotjar es que aunque es de pago hay una opción freemium que permite monitorizar una página de nuestra web durante un tiempo limitado. Por lo que si montamos una web de monetización siguiendo el mismo modelo para todas las páginas conseguiremos sacar conclusiones sobre todas las páginas y no solo de una.

 Interface de Hotjar, y los mapas de calor.
Figura 1: Interface de Hotjar, y los mapas de calor.

En lo que nos debemos fijar con Hotjar es en los puntos de calor y acercar nuestros banners o enlaces de afiliación a esos puntos porque así aumentaremos la conversión. Esto es extrapolable no solo a los banners sino a todo tipo de elementos que componen la web permitiendo mejorar la usabilidad de nuestro sitio. Hotjar se ha convertido en una herramienta esencial si queremos mejorar nuestro ratio de éxito de clic o de venta de productos por afiliación. Además, es una gran alternativa en caso de que queramos ver in situ cómo navega el usuario en nuestra web y optimizar al máximo nuestras opciones de monetización.

Caso práctico de Hotjar: Mejorando una web Adsense y afiliación

Para poder analizar in situ el poder de la suite Hotjar como herramienta de optimización planteamos un caso práctico utilizando la web patinete-electrico.net. Esta web está diseñada como un sitio que aporta análisis, consejos, y en general informaciones útiles a los aficionados a esta clase de gadgets. Para su financiación, utiliza un sistema de monetización basado en Google Adsense y Afiliación con Amazon. Se usa hotjar para optimizar los anuncios de Google y el ratio de conversión en ventas de la afiliación de Amazon. A continuación mostramos el mapa de calor con la web optimizada para su monetización y las ganancias obtenidas, con ello demostraremos las posibilidades de esta herramienta en cuanto a optimización de la usabilidad y la monetización.

Interface de Hotjar, y los mapas de calor de la home patinete-electrico-net
Figura 2: Interface de Hotjar, y los mapas de calor de la home patinete-electrico-net

En este el mapa de calor de la home de patinete-electrico.net ya optimizado, se puede observar que el punto de calor más intenso se encuentra debajo del primer párrafo del post. En esa posición se ha colocado el anuncio de adsense, no solo para conseguir mayor número de clics sino para conseguir que dicho anuncio no sea excesivamente intrusivo y mejore así la experiencia de navegación del usuario. También se observa que la categoría Raycool (una marca de patinetes) es el la más visitada, lo que evidencia que debemos optimizar ese post ya que nuestros usuarios están interesados más en esa marca que no en otras. Esto sería extrapolable al resto de categorías en las que está marcado el círculo de calor. La imagen muestra además que el mapa de calor está creado a partir de 578 usuarios grabados, por lo que nos ofrece una muestra amplia y real de la forma de navegar de los usuarios.

Interface de Hotjar, y los mapas de calor  media web
Figura 3: Interface de Hotjar, y los mapas de calor de la home patinete-electrico-net haciendo scroll. Parte media de la Home

La imagen muestra que el punto de mayor calor se ubica en un anuncio display vertical.

Interface de Hotjar, y los mapas de calor  media web foto
Figura 4: Interface de Hotjar, y los mapas de calor de la home patinete-electrico-net haciendo scroll. Parte media de la Home

La imagen muestra que una muestra amplia de usuarios hace clic en la imagen para ampliarla. Esto ha motivado la inclusión en dicha imagen de un enlace de afiliación de Amazon consiguiendo así que el usuario recoja nuestra cookie. Con ello se consigue ampliar el ratio de conversión en Amazon. Se observa también que el punto de calor más alto es otro banner de Adsense optimizado (banner display rectangular).

Interface de Hotjar, y los mapas de calor  media web parte índice
Figura 5: Interface de Hotjar, y los mapas de calor de la home patinete-electrico-net haciendo scroll. Parte del índice.

Observando la forma que tienen los usuarios de hacer clic en el índice entendimos que debíamos darle más peso a los epígrafes transaccionales, (aquellos que tratan de estimular la opción de compra) con ellos hemos conseguido que los usuarios le den mayor prioridad a este contenido, es decir al que tiene que ver con: “Comprar patinete eléctrico gama baja, media y alta”. Interface de Hotjar, y los mapas de calor  media web parte foto lateral Si el usuario hace clic en los enlaces le llevará directamente a la parte baja en la que se encuentra este contenido, que como vemos es en donde se ubican los principales enlaces de afiliación de Amazon. Interface de Hotjar, y los mapas de calor media web parte foto lateral baja

Interface de Hotjar, y los mapas de calor media web parte foto lateral derecha

Interface de Hotjar, y los mapas de calor baja web

Interface de Hotjar, y los mapas de calor baja web foto derecha

Interface de Hotjar, y los mapas de calor baja web anchor transaccional
Figura 6, 7, 8, 9 y 10: Interface de Hotjar, y los mapas de calor de la home patinete-electrico.net en los epígrafes transaccionales.

Como se observa en estos pantallazos que adjuntamos a continuación, los puntos calientes se vuelven más intensos en las fotos y en los enlaces asociados a los productos de Afiliación (anchor en color verde). Por ello se ha decidido incluir enlaces de afiliación en estas fotos y mejorar los anchor text que se muestran en color verde y que cuentan con enlaces de afiliación. La mejora de estos anchor text han ido enfocados a incentivar la acción de compra. Algunos de los anchor mejorados han sido: “Cómpralo ya”, “hazte con el tuyo”, etc.

Resultado obtenidos al mejorar la usabilidad gracias al uso de Hotjar

Si nos centramos en los resultados de Adsense observamos que:

Interface de la app Google Adsense
Figura 11 Interface de la app Google Adsense en donde se muestran las ganancias de la web patinete-electrico.net

La imagen revela que tras la optimización de los banners de Adsense siguiendo los mapas de calor de Hotjar se han mejorado las ganancias en un 335% respecto al mes anterior, mes en el que los mismos anuncios estaban ubicados en zonas no destacables y que perjudicaban la usabilidad. El resultado pormenorizado de optimizar Adsense ha sido el siguiente:

Interface de la app Google Adsense kpis
Figura 12 Interface de la app Google Adsense en donde se muestran los distintos Kpis con los que trabaja Google en relación con nuestra cuenta de Adsense.

Lo más significativo es el CTR, (porcentaje de clics). Se entiende que una web está optimizada con Adsense cuando se obtiene un CTR promedio del 4% aproximadamente, en este caso hemos conseguido valores de hasta el 13,61%. Si nos centramos en los resultados en afiliación de Amazon observamos que:

Interface del sistema de afiliados de Amazon
Figura 13 Interface del sistema de afiliados de Amazon y de la cuenta de la web analizada.

El resultado de optimizar la usabilidad de la web para mejorar la afiliación de Amazon y hacerla menos intrusiva para el usuario ha sido el siguiente:

Interface del sistema de afiliados de Amazon ganancias
Figura 14 Interface del sistema de afiliados de Amazon y ganancias de la cuenta.

En este pantallazo se observan 44 ventas. Este pantallazo recoge los 18 primeros días del mes por lo que es previsible que los productos vendidos lleguen a casi a duplicarse. La mejora respecto al mes anterior es de éxito rotundo ya que el mes anterior se habían conseguido cero ventas con los mismos enlaces de afiliación.

Hay que destacar que el mes anterior todos los enlaces que actualmente están optimizados tenían como anchor text el nombre del producto en vez del actual anchor text transaccional creado, ni tampoco se había incluido el enlace en las fotografía.

Conclusiones sobre hotjar

Hotjar es una herramienta funcional que permite ver cómo interactúan los usuarios con nuestra web. Hotjar permite de forma gratuita monitorizar una página de nuestra web y aprender cómo navegan nuestros usuarios. Con ellos podemos optimizar aspectos de usabilidad de todo tipo. Estos serían algunos ejemplos:

  • Optimizar los banners en nuestra web para hacerlos menos intrusivos para nuestros usuarios y más eficaces para nosotros.
  • Mejorar el orden de nuestras categorías para ofrecer el contenido de mayor interés para nuestros usuarios.
  • Modificar las taxonomías y estructura de nuestra web para mejorar la experiencia del usuario Determinar qué artículos y temáticas son las que realmente les interesa a nuestros usuarios enfocarnos más a ellas.

Además, Hotjar permite grabar aleatoriamente la forma en la que un usuario entra en nuestra web, podemos ver cómo hacen scroll, cómo se detienen en un texto concreto, etc. En definitiva si analizamos bien cómo navegan nuestros usuarios podremos mejorar su experiencia de usuario y mejorar cada uno de los elementos que intervienen en nuestra web.

Acerca de Carlos Lopezosa 1 Article
Consultor en comunicación digital, experto en SEO y monetización. Miembro colaborador del Grupo de Investigación DigiDoc.