¿Aún vale una imagen más que mil palabras?

El mes pasado hablamos sobre la importancia del primer pliegue de una web. Vimos que la mayoría de los visitantes que aterrizan en tu sitio web ven el primer bloque y, dependiendo de si les gusta o no, continúan investigando el resto del contenido o se van sin mirar atrás.

Entre los elementos del primer bloque de un sitio web que más afectan la percepción de los visitantes, la imagen destacada es un factor clave. Es lo primero que ven, por lo que si el sentimiento que genera es de rechazo, perderemos a nuestros visitantes. Es triste decirlo, pero seguramente alguna vez compraste un libro solo porque te gustó su portada. Pues con las imágenes destacadas de tus páginas pasa lo mismo.

Además, si compartes tu contenido en las redes sociales (si no lo haces, no sé a qué estás esperando), las imágenes destacadas ayudan a llamar la atención de los usuarios que reciben el mensaje. Un tweet con un enlace a una publicación de blog sin una imagen destacada es como un jardín sin flores.

Prueba de imágenes destacadas en WordPress

Una de las páginas más importantes de nuestro sitio web es esta, donde presentamos uno de nuestros complementos de WordPress, Nelio Content. Los visitantes confían en esta página para terminar visitando la página de precios y, aún más, comprando nuestro complemento.

En esta página, el primer bloque contiene una imagen destacada que muestra a un hombre sonriente con un post-it en la frente y una barba exuberante, frente a una computadora. En su monitor vemos el calendario editorial de Nelio Content. Una imagen bastante curiosa, elegida por David, como era de esperar?.

En esta prueba vamos a mostrar diferentes imágenes destacadas en esta misma página. La imagen actual es bastante peculiar, por lo que como variantes elegimos dos opciones diferentes. La primera alternativa es una imagen más convencional que muestra a un equipo de personas trabajando frente a una computadora portátil. En la segunda opción tenemos una captura de pantalla del calendario editorial, al que le hemos aplicado un efecto de desenfoque para que se muestre correctamente el texto que hay encima.

Para crear este test, como siempre, utilizamos Nelio A/B Testing en nuestra web en WordPress. En este caso se trata de una página de prueba con tres variantes: la versión de control y dos más, cada una con una imagen destacada diferente.

En la captura de pantalla de arriba puedes ver cómo definimos la prueba. Tenga en cuenta que queremos medir cuántos visitantes de esta página ven cada variante de imagen destacada y terminan visitando la página de precios. Para ello establecemos que la acción de conversión sea precisamente la acción de visitar la página de precios de Nelio Content.

Hemos editado cada variante y lo único que hemos cambiado de la versión original es la imagen destacada. La primera variante tiene como imagen destacada el grupo de personas frente a la computadora, mientras que la segunda tiene la vista del calendario editorial. La versión de control no está modificada, como puedes imaginar.

Después de esto, comenzamos la prueba y esperamos a ver cómo evolucionan sus resultados. Como puedes ver, el proceso no es complicado y no te llevará más de un par de minutos. Hacemos lo mismo en la versión en español de nuestro sitio web.

Te animo a que lo pruebes en tu web con una página importante para ver lo que descubres y así mejorar con datos reales de tus visitantes.

Analizando los resultados

¿El hombre barbudo venció a las otras dos variantes de imagen destacadas? Bueno, aparentemente no lo hizo. Aquí está la página completa de resultados de la prueba:

Como puede ver, hemos tenido la prueba funcionando durante casi 9 semanas, hasta que la detuvimos al momento de escribir este artículo. En todo este tiempo, los visitantes han estado viendo la misma página pero con diferentes imágenes destacadas. Y, sin que ellos lo supieran, Nelio A/B Testing ha estado rastreando su comportamiento (de forma anónima, por supuesto) para ver si acababan visitando la página de precios de Nelio Content, que era el objetivo del test.

En los resultados vemos que ambas variantes son mejores que la versión de control. Pero uno es mejor que el otro. En concreto, la imagen con el grupo de personas frente al ordenador es casi un 15% mejor que la del hombre barbudo. Y los resultados tienen una confianza estadística superior al 95%.

Otro aspecto a destacar aquí es que hemos podido obtener resultados interesantes en esta prueba, a pesar de que el número de visitantes analizados es bajo. Una de las excusas recurrentes para no hacer pruebas A/B es que tu sitio web no tiene suficiente tráfico. Bueno, ahora ves que aun así, siempre puedes probar . Los cambios radicales funcionan mucho mejor para sitios con poco tráfico, como probar diferentes imágenes destacadas.

En la captura de pantalla anterior tienes los resultados de la misma prueba que hemos realizado en la versión en español de nuestra página. Cabe señalar que en este caso el número de visitantes analizados es la mitad de los visitantes de la versión en español. Además, las tasas de conversión de cada versión son más bajas en este caso para cada versión. Esto nos hace ver algo que ya sabemos: hay más interés por el producto en inglés que en español.

Como puedes ver, el número de visitantes de este sitio web en este momento ronda los 600. Esto lo hemos dicho antes, pero el tráfico que recibe nuestro sitio web en español con respecto a nuestros complementos premium es menor que en inglés (arriba tienes el resultados de la prueba en inglés, donde se puede comprobar que así es).

Tenga en cuenta que el porcentaje de mejora supera el 25% en la versión ganadora, que es el mismo que en la prueba de inglés. Aquí también gana la imagen con el grupo de personas, ahora con una menor fiabilidad estadística, casi un 88%.

Aunque en casos anteriores no hemos dado por válidos los resultados si no tenían un mínimo del 95% de fiabilidad estadística, en este caso hacemos una excepción porque el algoritmo estadístico que utilizamos en Nelio A/B Testing es más estricto que los utilizados. por otros competidores.

Si lo dudas, solo tienes que ir a las webs de la competencia, buscar sus calculadoras de test A/B e introducir los números que ves en los resultados. Verás que en estos casos dan mucha más confianza a estos mismos resultados. Aún así, creemos que nuestro algoritmo tiene una sólida base estadística que valida nuestros números.

Visto esto, lo único que nos queda por hacer es utilizar la imagen destacada del grupo de personas como imagen destacada por defecto de nuestra página de Nelio Content. De esta forma, todos los visitantes la verán siempre y mejoraremos nuestra web: más visitantes visitarán la página de precios de Nelio Content.

Conclusiones

El costo de ejecutar una prueba A/B es bajo, pero los beneficios que puede obtener son excelentes. La pereza o la inacción son enemigos de la mejora continua. No dejes que te derroten y nunca dejes de probar cambios en tu sitio web. Los datos siempre son más fuertes que las opiniones.

Por tanto, tras ver los resultados obtenidos con este test, podemos afirmar que sí, una imagen vale más que mil palabras. Revisa las imágenes destacadas que usas en tu WordPress y pruébalas con una simple prueba A/B. Los resultados que obtendrás pueden sorprenderte.

PD: Lo siento David, el barbudo que tanto te gustaba se va a un lugar mejor.

Imagen destacada de Sarandy Westfall en Unsplash.