Prueba de WordPress A/B: comenzar

Muchos propietarios de sitios creen que una vez que se publica su sitio, su trabajo se completa. Esto no podría estar más lejos de la verdad: ¡el trabajo acaba de comenzar! El objetivo final de su sitio no es existir, sino convertir a los visitantes en clientes. Además de la prueba del embudo, que he descrito en mi tutorial anterior, también hay una prueba A/B. El primero prueba el flujo de visitantes, mientras que el segundo prueba el rendimiento de los elementos individuales en su sitio. Lo que es A/B Prueba A/B es un proceso de probar cualquier cosa en su sitio con grupos aleatorios por parte de los visitantes y determinar cuál de los visitantes y determinar cuál de Esos grupos realizan (conversión) mejor. Puede probar cualquier cosa: copia, colores, imágenes, modelos o incluso páginas completas.
La variante es una pieza alternativa de contenido/copia/diseño que queremos probar contra el control y otras variantes. Cada prueba puede tener cualquiera de ellos.
El control es su opción básica, la que prueba todos los demás. Con eso normalmente comienzas.
La significación estadística es un número (expresado en %, el 95 %más común) que indica la probabilidad de nuestros resultados; Por ejemplo, podría tener 10 visitantes y ninguno se convertiría en la versión B, mientras que con 1000 visitantes, la misma variante produciría resultados mucho mejores. Sí, la significación estadística depende del número de visitantes sometidos a la prueba, cuanto mejor, mejor.
¿Por qué cada elemento debería llegar a nuestro sitio desencadena las emociones, algunas positivas y algunas negativas, pero si nunca hace alguna prueba A/B, suponga que todos los visitantes de su sitio disfrutan de la experiencia por igual? Pero, ¿es realmente así? Para responder a esto, vaya a Google Analytics y verifique la tasa de rechazo (es un porcentaje de los visitantes que visitan su sitio, pero no interactúan con él, solo la licencia. Cuanto más bajo, mejor). No es 0%, ¿verdad? De hecho, probablemente sea más del 30%, lo que significa que no todos sus visitantes disfrutan de su sitio igual, ¿verdad? Pero no se preocupe, nunca llegará a 0 y este no es el propósito de probar A/B. No todos los visitantes son el público objetivo, por lo que la tasa de rechazo nunca será 0. El objetivo principal de las pruebas A/B es el aumento de las conversiones, lo que significa que sus visitantes alcanzarán el objetivo principal de su sitio, ya sea que esté leyendo un artículo, compra de un artículo o suscripción para la membresía.
¿Qué debo probar? Una vez que comienza con las pruebas (o se acostumbra), es muy tentador intentar probar todo. No hagas eso; En cambio, comience con los elementos más destacados: los botones de llamadas de acción. Preferiblemente, cada página debe tener solo uno de los que le hacen saber al visitante qué hacer a continuación y generalmente ir visualmente y decir algo como “Comience aquí” o “Comience” o “Regístrese”. Si no los tiene, cometa uno de los errores más grandes que puede cometer un sitio del sitio: ¡no impulse a sus visitantes para que cumplan con el objetivo de su sitio! Cuando probamos nuestra página de destino, una prueba nos golpeó más; Probé el botón de encabezado principal con colores alternativos (el preajuste era azul, lo probé con verde y naranja). ¿El resultado? El color naranja de ese botón convirtió un 25% mejor que el azul. Debido a que medimos la conversión de los visitantes a clientes que pagan, lo que significa que en lugar de $ 100,000, ¡ganamos $ 125,000! Vale la pena pasar unos minutos para configurar esa prueba. ¿Unos minutos para un aumento de $ 25,000 en ventas? ¿Todavía estás seguro de que no quieres hacer una prueba A/B? ¿Qué pasa si tengo un sitio web de presentación regular?
No hay problema, y ​​eso tiene un objetivo, ¿verdad? Ya sea que espera que los visitantes envíen un formulario de contacto, realicen una llamada telefónica, programen una reunión o solo lean el artículo, en cada caso, desea aumentar sus posibilidades de esto. Configure la primera nota de prueba: si ha seguido nuestros tutoriales hasta ahora, es posible que haya notado que usamos el dominio www.wp-kickstart.com como un patio de recreo. Es una instalación básica de WP a la que agregamos un botón en la barra lateral que usaremos para nuestra prueba de tutorial. Una de las mejores herramientas para probar los elementos de su sitio se llama Optimizely. Para comenzar, crear una cuenta y crear el primer proyecto web: seleccione qué tipo de proyecto que haya creado una vez creado, deberá ingresar la URL del sitio que desea probar:
Ingrese la URL de su sitio web una vez que su proyecto esté configurado, el editor Optimizely se abrirá, lo que le permite agregar variantes y editar sus elementos. Hay muchas formas en que puede editar un elemento Optimizy; Puede cambiar el texto, son las clases CSS o incluso puede cambiar el resultado HTML. Mi modo favorito es a través de las clases de CSS, porque es más fácil probar los cambios localmente antes de hacer la prueba en sí. Sin embargo, su kilometraje puede variar.
Para este tutorial, agregué los siguientes CSS para este botón en style.css: .TextWidget A.Button {Text-Decoration: None; Border-Radius: 5px; Color de fondo: #36A9E1; Border-Bottom: Ninguno; Color blanco; Pantalla: bloque en línea; Relleno: 5px 12px; } .TextWidget A.Button: Hover {Background-Color: #0092cc; } .TextWidget A.Button-Primary-Dark {Background-Color: #3A579A; . } Como probablemente notó, tenemos un botón de clase predeterminado con una clase alternativa (para una variante) botón-primary-dark. La versión predeterminada se ve así: la visualización predeterminada con la variante no. 1 ¡Ahora es el momento de construir algunas variantes! Para el propósito de este tutorial, hemos decidido que probaremos dos variantes, una que tiene todas las letras mayúsculas y la otra que cambia el color del botón en un azul ligeramente más oscuro. Regrese a Optimizely y en la pestaña #1 (en la barra sobre su sitio), haga clic en el botón que desea cambiar, que activará un menú, preguntando qué desea hacer con el elemento. Haga clic en Editar el elemento porque solo cambiamos la copia del botón Para esta primera variante, haga clic en Editar el texto

Edición del texto del elemento en Optimizely en el área de texto que aparece, reescribe el texto del botón con todos los mayúsculas y haga clic. ¡Listo, ahora tienes la primera variante configurada! Es hora del próximo. En la pestaña Variaciones del experimento, cree una nueva variante, luego haga clic en el mismo botón para editar, pero esta vez, elija Editar clases. En mi caso, ya tengo tres clases en este botón (botón, botón-primario y guardar), por lo que cambiaré el botón-primario a la tarta de botón-primaria, que cargará inmediatamente el nuevo color del botón. Ahora que el El experimento está listo, comience haciendo clic en Comenzar el experimento en la esquina superior derecha. Una vez que haga esto, se abrirá una ventana con instrucciones sobre cómo implementar el fragmento de código. En mi caso, pegaré el código al encabezado.php en mi tema, en cualquier lugar de la etiqueta , será adecuada.

Espere los resultados de la prueba ahora que su prueba se está ejecutando, es hora de notar los resultados. En Optimizely, haga clic en Opciones (el lado derecho de la pantalla), luego seleccione Ver resultados. Debido a que recién está comenzando, todavía no habrá números, así que no dude en cerrarlo durante unos días, cuando debe comenzar a ver los primeros números.

Optimice la página de resultados mientras espera, le insto a que explore un poco optimizado, lo que acabo de rascar la superficie de este poderoso software, lo que puede hacer mucho más: le dejo su descubrimiento. Beneficiarse de él. Funciona con el trabajo A/B, es fácil de probar y probar todo;