Cómo crear una prueba A/B de páginas existentes en su WordPress

Publicado: 2022-03-31

Los tests A/B son la mejor herramienta para mejorar la conversión de una web. Un test A/B de página es una prueba de diseño que nos permite realizar variaciones de una misma página para comparar el comportamiento de los usuarios y valorar qué variación es la que obtiene mejores resultados.

Por lo general, cuando crea una prueba A/B para mejorar la conversión de una página determinada (que llamamos "Variante de control" o "Variante A"), crea una versión que es una copia de dicha página ("Variante alternativa" o “Variante B”). Luego le haces cambios de diseño o de contenido al copy para analizar cuál de las dos versiones genera más conversiones (más compras, suscripciones, o cualquier otra acción que quieras contabilizar).

El tráfico que llega a la página original se dividirá para que la mitad de sus visitas sigan viendo la página original y la otra mitad, la nueva variante creada. De esta forma, podrás analizar qué versión tiene la mejor tasa de conversión.

Una imagen que muestra cómo funcionan las pruebas A/B: el tráfico se divide y cada segmento ve una variante, y luego verificamos qué variante obtuvo más conversiones — En su forma más simple, las pruebas A/B proponen dividir aleatoriamente el tráfico del sitio en dos grupos para que el 50 % de los visitantes vean el diseño A mientras que el otro 50 % vea el diseño B. Al monitorear cómo reaccionan los usuarios de cada grupo, podemos calcular la tasa de conversión de cada grupo y, en caso de que haya una diferencia estadísticamente significativa entre los dos, declarar un diseño ganador.

Por ejemplo, en nuestra página de precios de Nelio A/B Testing, queríamos realizar una prueba A/B cambiando los colores y los márgenes de los botones, así como la imagen de fondo. Queríamos ver si podíamos conseguir más suscriptores. En la siguiente comparativa puedes ver la versión original del primer bloque (a la izquierda) y la versión alternativa (a la derecha).

Colores originales de la tabla de precios. — Colores originales (izquierda) y colores alternativos para probar (derecha) en la tabla de precios.

Colores alternativos de la tabla de precios. — Colores originales (izquierda) y colores alternativos para probar (derecha) en la tabla de precios.

Sin embargo, cuando los cambios que desea realizar son más radicales o está diseñando páginas completamente nuevas, es posible que le interese probar las páginas existentes en su sitio web.

¿Por qué probar dos páginas existentes diferentes?

Si tienes dos páginas publicadas, ¿de qué te sirve crear un test A/B en este contexto si ya tienes los datos de visitas y conversiones para comparar en Google Analytics? La respuesta es que estas cifras no son suficientes para entender si una página es mejor que la otra. Veámoslo con un ejemplo.

En nuestra web hemos definido diferentes páginas sobre Nelio A/B Testing, en las que mostramos cómo nuestro plugin es una solución aplicable a una gran variedad de sectores y tipos de web. Entre ellas, por ejemplo, tenemos Nelio A/B Testing for Publishers y Nelio A/B Testing for Marketers.

Captura parcial de la landing page de Nelio A/B Testing para editores — Captura de pantalla parcial de la landing page de Nelio A/B Testing for Publishers.

Captura parcial de la landing page de Nelio A/B Testing for marketers — Captura de pantalla parcial de la landing page de Nelio A/B Testing for Publishers.

En Google Analytics puedes ver el número de visitas que ha recibido cada página y el número de conversiones (por ejemplo, visitantes que han hecho clic en el botón “Empezar ahora”). Entonces podría concluir que la que tiene la tasa de conversión más alta o (número de conversiones dividido por el número de visitas) es la mejor página. Pero esto puede estar mal.

Por un lado, hay que tener en cuenta que las visitas a cada página pueden ser muy diferentes y quizás estadísticamente no comparables. Además, un visitante que convierte en una página puede haber visto previamente (en la misma sesión o en cualquier otro momento) la otra página. ¿Cómo saber cuál de las dos páginas convenció al visitante de probar el producto?

Una prueba A/B de dos páginas existentes en su sitio web asegura que el tráfico que llega a cualquiera de las dos páginas se dividirá en dos. De esta forma, cada visitante que llegue a cualquiera de las dos páginas, como parte de una prueba, solo verá una de ellas. Y siempre verán al mismo en sus sucesivas visitas.

Por lo tanto, los datos que obtenga serán estadísticamente comparables. Y así sabrás, de forma fiable, qué página tiene la mejor conversión. Veamos a continuación cómo crear este tipo de prueba A/B en su sitio web de WordPress.

Pasos para crear una prueba A/B en el Editor de bloques

Para crear una prueba A/B en un sitio web de WordPress, le recomendamos que utilice una de las herramientas disponibles en el mercado. Y en concreto, recomendamos el uso de Nelio A/B Testing (versión gratuita y premium desde 29€/mes) porque es la única herramienta que está íntegramente creada como plugin nativo de WordPress. Al ser 100% compatible con el editor de bloques, no necesitas aprender ni usar ninguna otra herramienta externa para su funcionamiento. Y puede aprovechar al máximo todas las funciones que el editor de Gutenberg (o cualquier otro creador de páginas que pueda estar usando) ya ofrece.

Instalar y activar el complemento Nelio A/B Testing

Si nunca has usado Nelio A/B Testing, primero debes instalar y activar el plugin (hay una versión gratuita disponible) directamente desde tu panel de WordPress. Y a partir de aquí, ya tendrás en el menú de tu panel de control la pestaña Nelio A/B Testing con la que podrás crear tu primera prueba.

Opciones de menú del plugin Nelio A/B Testing — Pestañas del menú del plugin Nelio A/B Testing. Haga clic en "Pruebas" para crear su primera prueba.

Definir el tipo de prueba a crear

Con Nelio A/B Testing no solo puedes crear pruebas de página. También puedes crear otro tipo de pruebas: publicaciones, tipos de publicaciones personalizadas, menús, plantillas, widgets, etc. Así, después de hacer clic en “Agregar prueba” puedes seleccionar que deseas crear una página de prueba:

Selector de pruebas en Nelio A/B Testing — Selector de test en Nelio A/B Testing.

y dale un nombre descriptivo para que puedas identificarlo en el futuro.

En la barra lateral derecha encontrará algunas pestañas adicionales:

Estado y administración , donde ve el estado en el que se encuentra actualmente su prueba ( Borrador , Listo , Programado o En pausa ) y opciones sobre cuándo debe comenzar y finalizar.
Descripción de la prueba: puedes indicar qué estás probando y qué pretendes conseguir con ello.
Alcance de la prueba : especifique qué páginas de su sitio web se ven afectadas por esta prueba.

Definición de un test A/B de dos páginas con Nelio A/B Testing.

Seleccione las páginas para probar

Para comparar las dos o más páginas que desea que formen parte de la prueba, primero seleccione una de las páginas ("Versión de control" o comúnmente "Versión A") con el selector disponible para usted. Tenga en cuenta que puede buscarlo escribiendo su título, su URL o su identificador.

Seleccionar una página como versión de control de una prueba A/B — Selección de una página como versión de control de un test A/B.

A continuación, puedes indicar si la alternativa de la página de prueba que estás creando será una variante que creas explícitamente para esta prueba (como es habitual en la mayoría de las pruebas A/B) o si quieres seleccionar una página existente.

Marque, en la casilla de verificación proporcionada, que la prueba de la página es contra una página ya existente. Ahora puede seleccionar la página que formará parte de la prueba como “Variante B”, tal como lo hizo antes con la página original.

Crear una prueba de página A/B entre dos páginas existentes — Crear una prueba A/B de páginas entre dos páginas existentes.

Tenga en cuenta que puede agregar más variantes si desea crear una prueba de múltiples variantes. Además, también tiene la opción de editar la página para realizar los cambios necesarios.

Definir objetivos y acciones de conversión de prueba

Una vez que haya seleccionado las páginas que formarán parte de la prueba A/B, debe definir los objetivos de conversión de la prueba y qué acciones deben realizar los visitantes para cumplir con esos objetivos. Por ejemplo, un visitante puede mostrar interés en sus productos haciendo clic en un botón o visitando una página. Con las pruebas A/B de Nelio tienes diferentes tipos de acciones de conversión para hacer un seguimiento de tus visitantes.

Agregar un objetivo de conversión y una acción en una prueba A/B — Definición del objetivo «Visitas a página de Precios» seleccionando como acción de conversión, la visita al contenido de dicha página.

Tráfico de prueba de segmento

Los visitantes de su sitio web no son todos iguales. Vienen de diferentes países, hablan diferentes idiomas, usan diferentes navegadores, acceden al sitio desde diferentes sitios web, usan diferentes dispositivos y muchas otras sutiles y grandes diferencias.

Si quieres que todo el tráfico que llega a tu web forme parte de la prueba creada, ignora este punto y pasa directamente al siguiente. Pero según el tipo de sitio web y el tráfico que tenga, es posible que desee refinar la audiencia a la que desea llegar.

Nelio A/B testing te permite crear segmentos, es decir, definir mediante reglas el conjunto de visitantes con una serie de características comunes que quieres que participen en tu test.

Aquí encontrará información más detallada sobre cómo crear segmentos en una prueba.

Ejecutar la prueba

¡Ese es el paso final! Ya ha creado su prueba existente de dos páginas, por lo que todo lo que tiene que hacer ahora es hacer clic en el botón "Iniciar" en la prueba en la parte superior derecha del editor. Luego podrá comenzar a ver los resultados de la prueba que acaba de crear.

Prueba A/B entre dos páginas existentes creadas — Prueba A/B entre dos páginas existentes iniciadas.

Analizar el progreso de la prueba

Una vez iniciada la prueba, como puedes ver en la imagen superior, podrás consultar el estado de la prueba en todo momento. Por un lado, en la barra lateral derecha, el icono de estado te informará si todavía no hay suficientes visitas para que haya un ganador , si hay una variante que está ganando, pero con poca confianza , o si ya tienes un variante ganadora de la prueba .

Además, dispones de un conjunto de gráficos para ver el número total de conversiones y páginas vistas de la prueba. O puedes ver las tasas de conversión de cada alternativa y su grado de mejora, respectivamente. También puedes ver la imagen en miniatura de las páginas que estás probando con el detalle de las visitas, conversión y mejora (o empeoramiento) respecto a la versión de control.

A continuación tenéis la imagen de los resultados de la prueba de la página de precios que os comentaba al principio de este post. En este caso, pudimos confirmar que la versión original era mejor que la alternativa.

Resultados de la prueba sobre el objetivo de realizar una compra.

Además, cuando creas un test A/B de páginas con Nelio A/B Testing, tienes la opción de ver heatmaps, scrollmaps y confetti maps de cada alternativa con información adicional sobre el comportamiento de tus visitantes.

Para resumir

Para aprovechar al máximo sus esfuerzos de marketing para aumentar el SEO de su sitio web, asegúrese de minimizar la tasa de abandono y aumentar la conversión de sus páginas. Los tests A/B son la mejor herramienta para optimizar la tasa de conversión ya que, a través de datos estadísticamente significativos, puedes saber entre dos o varias alternativas cuál convierte más.

La forma más habitual de crear un test A/B de una página es creando variaciones de la misma, intentando mejorar aquellos aspectos que puedan generar fricciones. Tendrás la certeza, con datos contrastados, de que un determinado cambio en esa página repercutirá en mejorar la conversión.

Comparar la conversión entre diferentes páginas ya creadas puede ayudarte a comprender qué diseños y contenido tienen más impacto en tus visitantes. De esta manera, puedes enfocar mejor tu estrategia de SEO.

La gran ventaja de usar Nelio A/B Testing para crear pruebas de páginas existentes es que, gracias a su integración con el editor de WordPress, no necesitas ningún conocimiento de programación. En unos minutos puedes tener una prueba funcionando en tu sitio web.

Imagen destacada de NeONBRAND en Unsplash.