Cómo hacer pruebas A/B de imágenes destacadas en WordPress

Publicado: 2016-11-14

Las pruebas A/B son una forma de comparar dos versiones diferentes de un sitio web, o un elemento del sitio web, para ver qué versión funciona mejor. Es una forma útil de tomar decisiones informadas sobre el diseño de un sitio, especialmente para cosas como elegir una imagen destacada y optimizar imágenes. Aunque este concepto no es exclusivo de WordPress, existen algunas herramientas que lo hacen súper fácil a la hora de trabajar con el CMS.

Antes de entrar en los diferentes tipos de pruebas A/B y cómo comenzar una, aquí hay algunos términos clave que debe saber:

  • Variable : este es el elemento de su sitio que desea probar.
  • Variación : las diferentes opciones de versión cuando ejecuta una prueba; en este caso variaciones “A” o “B”.
  • Conversión : Cuando el usuario realiza la acción deseada.
  • Prueba : El período de tiempo en el que se recopilan los datos.
  • Ganador : La variación que mejor se desempeñó durante la prueba.

Tipos de pruebas A/B

Las pruebas A/B son un tema complejo con toda una ciencia detrás. Hay algunas pruebas, como las pruebas multivariadas, que analizan varios elementos y sus combinaciones para encontrar cuál logra el mejor objetivo de conversión. Sin embargo, en lugar de sentirse abrumado por hacer algo complejo, configurar una prueba dividida (uno de los tipos más básicos) es una excelente manera de facilitar las pruebas A/B.

La prueba dividida es el acto de probar un elemento de página en una versión alternativa del mismo elemento para ver cuál funciona mejor, como probar imágenes destacadas.

a-b-test-característica-imágenes-inspiración

Comenzar una prueba de división de imagen característica

Si se pregunta qué imagen destacada funciona mejor en una publicación, realizar una prueba dividida es la forma perfecta de encontrar la solución. Al crear una variación "A" y "B" de una imagen característica y probarlas entre sí, puede usar esos datos para ver cuál funciona mejor. Luego puede implementar la nueva imagen para mejorar las tasas de conversión. Al hacer esto, no solo está adivinando qué funcionará mejor; sabe lo que realmente funciona y qué imagen genera la mayor cantidad de conversiones.

Consideraciones de imagen para el experimento

Las imágenes tienen un gran impacto en un sitio web. Sin ellos, a veces la experiencia no es tan agradable. Los usuarios también quieren ver imágenes únicas, no las mismas fotos antiguas. Al usar imágenes de calidad en su sitio, pueden ayudar a transmitir su mensaje y mejorar su marca. Por ejemplo, supongamos que está visitando el sitio web de una cafetería. Sería un poco extraño ver imágenes de hamburguesas. Pueden servir comida, pero la razón principal por la que la gente va a una cafetería es para tomar café. Cuando los usuarios ven una imagen de calidad como la imagen destacada, inmediatamente hacen la conexión de que pueden tomar una taza de buen café. El objetivo es utilizar imágenes que reflejen su marca y que sean relevantes para que los usuarios no se confundan acerca de su negocio.

Las fotos que tienen personas en ellas generalmente tienen el potencial de funcionar bien, pero las fotos de stock predecibles no son ideales e incluso pueden tener el efecto contrario. No hay nada peor que tener la misma foto de stock que un competidor. Los usuarios buscan autenticidad y quieren ver a personas reales interactuando con su negocio.

Elegir imágenes del experimento

Sigamos trabajando con el ejemplo de la cafetería. Para la imagen principal, ¿deberíamos mostrar un primer plano del café? ¿O queremos crear un ambiente más urbano que muestre a una persona en movimiento con una vista de la calle de la cafetería? Ambos transmiten la idea del café, así que ahora vamos a probarlo para ver cuál genera más conversiones.

a-b-test-característica-imágenes-página-comparación

Tipos de conversiones de sitios web

“Conversión” es una palabra popular en el mundo del marketing digital. ¿Qué es exactamente? Depende del tipo de sitio con el que esté trabajando y el tipo de conversión que esté buscando. Registrarse para estar en una lista de correo, hacer clic en un botón de llamada a la acción y comprar un producto son excelentes ejemplos de conversiones. La conversión deseada para este experimento es lograr que un lector se registre para una prueba de sabor de café desde una página de eventos.

Definición de acciones y objetivos

Primero, debe comprender la acción que desea que realice el usuario. En este caso, queremos que se inscriban en la prueba de sabor del café según el contenido de una página de destino. Esto requerirá que completen un formulario de registro en la página siguiente. Al ejecutar una prueba dividida, podemos determinar qué imagen es más efectiva porque tendrá una mejor tasa de conversión.

a-b-test-feature-images-form-page

Antes de configurar una nueva prueba, es importante asegurarse de que el experimento se alinee con los objetivos de su sitio web. En este caso, el sitio web es un medio para promover el café de especialidad y brindar atención al cliente. Esta prueba se alinea con esos objetivos porque el sitio web es una forma de conectarse con los clientes y convertirlos en compradores regulares de café.

Después de definir tus objetivos, ten una meta en mente. ¿Desea aumentar la tasa de clics, aumentar las suscripciones o vender más productos? Cada objetivo será diferente y único para su sitio.

Complementos de prueba dividida para WordPress

Antes de probar nuevos complementos, es importante trabajar primero en un entorno de prueba. Los complementos, o cualquier personalización, deben probarse exhaustivamente en caso de que haya algún conflicto con la configuración actual de su sitio.

Para realizar pruebas A/B de imágenes de características en WordPress, intente usar estos complementos:

  • Optimizador de imágenes A/B
  • Probador de página simple

Optimizador de imágenes A/B

Comenzaremos con un complemento de WordPress muy básico que es fácil de instalar y configurar. Esta herramienta se llama A/B Image Optimizer. Esto permite pruebas divididas automatizadas de imágenes destacadas, lo que ayudará a aumentar las visitas a la página al mostrar dos imágenes y determinar el ganador.

a-b-test-feature-images-optimizer

¿Te das cuenta de que el resto de la página es igual? Aparte de las dos imágenes diferentes, la copia de la página, los encabezados y el botón son los mismos. Querrá mantener la coherencia entre las dos versiones para asegurarse de que las imágenes sean los únicos factores en juego.

a-b-test-feature-images-optimizer-a
Aquí está la versión "A".
a-b-test-feature-images-optimizer-b
Aquí está la versión "B".

La interfaz de este complemento es muy fácil de usar. Esto está destinado a ser utilizado para probar imágenes destacadas, por lo que cuando edite una publicación o página, verá una opción adicional para cargar una segunda imagen "B".

Después de que cada versión se vea lo suficiente, comenzará a desarrollarse un patrón. Se registrarán las vistas y los clics, por lo que quedará claro después de que la prueba se ejecute durante unos días qué imagen funcionó mejor.

Una cosa a tener en cuenta: no existe una regla clara sobre cuándo las cosas se vuelven estadísticamente significativas al determinar un ganador. En algún momento la elección será obvia y en algún momento no. En esos casos, siga su instinto o considere lanzar una nueva prueba.

a-b-test-feature-images-resultados
a-b-test-característica-imágenes-rendimiento

Probador de página simple

Simple Page Tester es una herramienta más detallada. Antes de comprometerse con este complemento, es bueno tener en cuenta que se crearán dos variaciones de página y necesitará otra herramienta para ver los análisis de la prueba. Google Analytics es una buena opción.

a-b-test-feature-images-simple-page-tester

Primero, instale el complemento, luego elija "Configurar nueva prueba dividida".

a-b-test-feature-images-simple-page-test-setup

Aquí es donde se crearán las variaciones de la página. Puede "Duplicar una página maestra", "Elegir una página existente" o "Crear una nueva página".

a-b-test-característica-imágenes-dos-páginas

Este ejemplo se creó a partir de la duplicación de una página maestra. Después de hacer esto, verá dos páginas en la lista. En este momento, antes de realizar cualquier cambio en la versión “B”, el único diferenciador es el enlace. De forma predeterminada, hay un "2" al final, por lo que se parece a esto: http://thiswebsite.com/yirgacheffe-coffee-tasting-2.

Tener una variación tanto "A" como "B" no parece muy diferente en este momento. Abramos nuestra versión "B" y agreguemos la segunda imagen característica. Para hacer eso, simplemente cárguelo como lo haría con cualquier otra imagen destacada y estará listo.

a-b-test-feature-images-analytics

Para una prueba de imagen característica simple, eso es todo lo que tiene que hacer. El resto se reduce a esperar a ver cómo funcionan las cosas. Esta herramienta tiene algunos análisis básicos incorporados, pero no tan detallados como Google Analytics.

Mide estos resultados con Google Analytics Goals

Para una inmersión más profunda en el análisis, Google Analytics ofrece más información sobre el tráfico y las conversiones del sitio. Tener una versión "A" y "B" le permite configurar un objetivo. En este caso, el objetivo podría ser la página de confirmación de registro después de registrarse en el evento.

a-b-test-característica-imágenes-registro

Una vez que se configura el objetivo, hay un embudo de objetivos para ver qué versión llevó a la mayoría de los usuarios por el camino deseado hacia la conversión.

a-b-test-feature-images-goal-funnel
a-b-test-feature-images-funnel-example

Estos complementos son herramientas simples de configurar. Tener estos disponibles para usar en las pruebas A/B de WordPress muestra que una herramienta A/B compleja no es necesariamente necesaria cuando se realizan pruebas divididas básicas. Estos complementos permiten una configuración rápida y fácil para pruebas básicas para ayudar a mejorar las conversiones del sitio web.