Página principal » Caja de herramientas » Guía de pruebas A / B con el optimizador de sitios web de Google

    Guía de pruebas A / B con el optimizador de sitios web de Google

    Para generar más conversiones en su sitio web, deberá consultar las estadísticas de tráfico. Google Analytics es un servicio fantástico, pero solo puede llegar tan lejos. Los conceptos detrás de las pruebas A / B son sólidos y se han utilizado dentro de la comercialización profesional en Internet durante años.

    Básicamente, crearías 2 páginas con contenido ligeramente diferente: encabezados, imágenes y otras cosas que quieras probar. Google Web Optimizer hará un balance de todos sus visitantes y dividirá el tráfico entre ambas páginas de manera uniforme. Se proporcionan estadísticas sobre el número total de conversiones en una página de destino, por lo que puede comparar qué cambios están llevando a más inscripciones. El servicio en realidad se relaciona directamente con Analytics, que es una gran ventaja.

    Para comenzar, consulte la página oficial del optimizador de sitios web e inicie sesión en su cuenta. Examinaremos detalladamente la interfaz GWO y cómo debería configurar un nuevo experimento A / B..

    Optimizador de sitios web: descripción general del diseño

    Una vez que llegue a la pantalla de inicio de GWO por primera vez, se le presentará una tabla de los experimentos actuales. Si esta es tu primera visita, probablemente estará vacía, por ahora. Verifique en la esquina superior derecha la dirección de correo electrónico de su cuenta para confirmar que ha iniciado sesión correctamente.

    Justo debajo de este hay un menú desplegable de todos los perfiles de su sitio web de Google Analytics. Si se ha verificado en cada uno de ellos, se aceptarán en el software del optimizador de sitios web. Simplemente haga clic y seleccione el perfil para el que desea crear pruebas y GWO actualizará los datos de la página automáticamente.

    En la barra lateral también verás algunas guías y preguntas frecuentes potencialmente útiles para principiantes. Estos pueden ser útiles si tiene tiempo para leer. Pero por ahora, comencemos e iniciemos el proceso y podemos aprender a medida que avanzamos. Haga clic en Crear un nuevo experimento para proceder.

    A / B vs Pruebas Multivariadas

    Cuando vaya por primera vez a crear un experimento, Google le pedirá que elija entre A / B y pruebas multivariadas. Es probable que estos términos lo asusten, pero les prometo que no son difíciles de entender.

    Con una configuración A / B puede probar 2 versiones diferentes de la misma página. Esta opción se atribuye mejor a cuando está probando diseños totalmente diferentes para la misma página. Multivariable es un poco más suave donde solo desea actualizar algunas áreas clave. Quizás desee cambiar el texto del encabezado y el color de su botón de descarga, o reorganizar algunos banners publicitarios.

    Desde la perspectiva del visitante, no aparecerá como algo extraño ha sucedido. Con cualquiera de los dos métodos, Google calculará automáticamente el tráfico a lo largo del día para dividir a los visitantes de la manera más uniforme posible entre sus páginas variables y el original..

    Cuáles son tus metas?

    Debería detenerse un momento para pensar en sus objetivos antes de pasar al siguiente paso. La mayoría de los webmasters que pasan por las pruebas A / B buscan aumentar las conversiones de su tráfico web. Esto podría ser obtener registros para un boletín, una lista de correo, registros de usuarios, seguidores de Twitter / Facebook, o cualquier otra acción de otros usuarios. Pero deberías tener tu propia idea de “éxito” que pertenecen a tus propios objetivos web.

    El equipo de Google ha publicado una gran cantidad de videos tutoriales en YouTube. Estos son bastante extensos pero también largos. Te recomiendo revisar la lista de tutoriales solo para ver si algo salta. Lo importante es que se tome su tiempo y planifique las decisiones de manera lógica..

    Realísticamente el prueba multivariable El experimento es un método infalible para demostrar pequeños cambios. Deberíamos elegir esta opción para la configuración de nuestro experimento actual, pero si prefiere probar A / B, los menús son muy similares..

    Creando el Nuevo Experimento

    Primero debemos ingresar un nombre para este nuevo experimento. Luego, directamente debajo de este formulario, ingrese la URL que lleva a la página en la que desea ejecutar las pruebas. En muchos casos, esta sería tu página de inicio. Pero puede ser más creativo, como verificar cuántos visitantes en su página de contacto enviarán un mensaje..

    El tercer campo requiere una URL de la página de conversión a la que desea mover a sus visitantes después de que realicen alguna acción en la página original. Esto se refiere a los objetivos discutidos anteriormente, ya que necesitará algún método para probar el éxito o el fracaso del nuevo diseño. El enlace de conversión podría ser incluso una página fuera de la navegación. Solo apégate a algo fácil por ahora. Para obtener algunas ideas, consulte este artículo de soporte de Google centrado en el contenido dinámico dentro de los experimentos de WSO.

    JavaScript y secciones de página

    Con esta página, haga clic en Siguiente para obtener el código JavaScript para su nuevo experimento. Estos dos bloques deben agregarse a la página de prueba y la página de conversión, respectivamente. Google recomienda que coloques los bloques JS dentro de la Elemento, pero en cualquier parte del código debería funcionar..

    También deberá usar etiquetas de script especiales para definir cada área editable o sección de tu pagina de prueba Este es un contenido que será alterado dinámicamente a través de Google WO. Incluso puede segmentar algunas secciones diferentes en solo 1 página de prueba. Agregué un ejemplo de código a continuación para darle una mejor idea de este proceso..

        

    Y ahora de nuevo en GWO, haga clic en el “Validar paginas” botón. Si todo se ve bien, Google te llevará al siguiente paso. De lo contrario, recibirá mensajes de error específicos e indicaciones sobre cómo finalizar el proceso de validación. Tenga en cuenta que si tiene problemas en línea, intente crear dos archivos HTML locales. GWO te permitirá subir una versión offline de las páginas como una prueba de ejecución.

    Diseño de contenido variable

    Ya que estamos usando la prueba multivariable, quiero hacer solo algunos cambios en mi página de inicio. Más específicamente con el objetivo de aumentar las conversiones en mi página de videos. Para lograr esto, quiero incluir un banner de barra lateral en la parte superior del pliegue, y tal vez un enlace de texto en negrita al final de mi navegación.

    He redactado una pequeña lista a continuación con algunas ideas más. Debe intentar implementar solo algunas ideas a la vez y dejar que se ejecuten durante 1-2 semanas. Siempre es bueno volver y cambiar los estilos de todos modos, y recibirá datos más específicos basados ​​en los cambios más pequeños con el tiempo.

    • Nuevos colores de logotipo, tamaño, posición en la página (llama la atención de los usuarios)
    • Eliminación o reemplazo de banners publicitarios para más clics.
    • Botones utilizados para convertir usuarios: registro, descarga, compra, registro, etc..
    • La copia de la página web (texto en la página) puede afectar la mentalidad del visitante
    • Frecuencia, estilo y colores de imágenes y gráficos de página.
    • Flashy JavaScript / jQuery efectos para animaciones llamativas o contenido dinámico
    • Nuevos iconos, degradados, barras de pestañas o, en general, elementos de la interfaz de usuario actualizados

    Los estudios han encontrado que los cambios radicales superan con creces el valor de los cambios mínimos. Entonces, si vas a actualizar partes del diseño, ¡hazlo a lo grande! Las secciones de la página del Optimizador de sitios web están configuradas para que nunca elimine el contenido y, si lo desea, todos los cambios experimentales son temporales. Pero si las diferencias entre las páginas 1 y 2 son apenas perceptibles, es probable que las pruebas arrojen resultados por debajo de la media..

    Reemplazo de secciones en HTML

    Para cada área definida a través de las etiquetas de script, podrá revisar y editar el código directamente desde GWO. Después de que pase la validación, el siguiente paso mostrará una tabla de todas las secciones de su página. Ahora puede crear tantas formas alternativas al HTML como crea necesario. Estos se incluirán en la próxima prueba A / B, así que asegúrese de obtener una vista previa de todo primero!

    También es importante tener en cuenta cómo funciona realmente cada sección. Puede realizar ediciones en esta página a muchas secciones diferentes, pero para cada variación duplicada (como 4 logotipos diferentes), el optimizador de sitios web tendrá que dividir esto y distribuir las visitas de página de manera uniforme entre sus visitantes. Por lo tanto, es mejor limitar 1-2 ediciones por sección para resultados más limpios, y recuerde que puede agregar secciones prácticamente ilimitadas por una (1) página de variación única..

    Para comenzar a hacer ediciones presione el Añadir nueva variación Enlace encontrado a la izquierda del cuadro de código. Esto crea contenido HTML duplicado que luego puede editar a su gusto. Lo brillante aquí es que ninguno de su código HTML original se está editando, todo se reemplaza dinámicamente a través del Optimizador de sitios web.

    Revisión final y lanzamiento

    Después de mucho trabajo y dedicación, ¡finalmente hemos completado la configuración! Hay una serie de pasos en este proceso, por lo que es fácil perderse con tantas funciones. Verifique dos veces cada una de las configuraciones en esta página para asegurarse de que haya puesto todo correctamente.

    En la parte inferior encontrará un botón Iniciar para confirmar y publicar este experimento. Si todo va bien, debería ver un mensaje de éxito en la parte superior de la pantalla. Los nuevos enlaces también aparecen directamente debajo del título de su experimento después de que se publique. Ahora puede pausar / detener el experimento en cualquier momento, o también copiar las configuraciones en un nuevo experimento que puede ahorrarle tiempo en la construcción de algunas pruebas diferentes.

    Este proceso para configurar una prueba A / B en lugar de multivariable difiere solo ligeramente. En lugar de editar partes en una página, simplemente proporciona una URL alternativa con la que Google dividirá el tráfico. Luego, GWO verificará cuántas conversiones puede generar cada página (aún debe agregar JavaScript). En su mayoría, prefiero trabajar con pruebas multivariables, pero pruebo ambas configuraciones para ver cuál se ajusta mejor a tus objetivos de conversión..

    Malabares Experimentos Múltiples

    Ahora que hemos cubierto el proceso de creación de un nuevo experimento, quiero explicar la vista de experimentos. Esta es también la vista de la página de inicio predeterminada del Optimizador de sitios web donde aterriza inicialmente. A medida que hace una pausa y detiene las pruebas anteriores, su estado cambia y se clasifica en consecuencia en el mesa de experimentos.

    Además, se le proporcionan algunas métricas con las que trabajar para cada configuración experimental. Los visitantes de la página cuentan el número total de visitas únicas entre todas las páginas diferentes. Las conversiones son la cantidad de visitantes que siguen a su página de conversión elegida, y junto a esto verá el porcentaje de sus visitantes totales..

    El optimizador de sitios web es posiblemente la mejor herramienta gratuita para la propia curiosidad de los comercializadores de Internet. Si no tiene una razón para rastrear las conversiones, las pruebas A / B parecerán totalmente inútiles. También es cierto que deberías generar una buena cantidad de tráfico, al menos 60k + unidades / mes para ver un impacto notable con cualquier experimento..

    Pero incluso en sitios web más pequeños, GWO sigue siendo útil hasta cierto punto. No sienta el requisito de basar toda su intuición de diseño en el análisis de tráfico. Pero si tiene curiosidad, le recomiendo anotar algunas ideas para intercambiar ideas y configurarlas más adelante. A continuación, he creado una lista de enlaces y recursos en línea para obtener más información sobre Google WO.

    Recursos útiles

    • El blog oficial de Google Website Optimizer
    • Selección de una buena página de conversión - Soporte de Google
    • Guía para principiantes de Google Website Optimizer
    • Optimizador de sitios web de Google: uso de GWO para impulsar las conversiones de PPC
    • Pruebas de conversión utilizando el Optimizador de sitios web de Google - caso de estudio de WordPress
    • Cómo aumentar las conversiones con el optimizador de sitios web de Google

    Conclusión

    Los webmasters más avanzados probablemente han usado algunos servicios A / B similares antes. Pero el Optimizador de sitios web de Google realmente lleva los experimentos A / B a un nivel completamente nuevo. La conectividad entre Analytics y GWO es brillante. Y la interfaz de usuario es muy limpia, simplista y prácticamente a prueba de tontos.!

    Esperamos que esta guía introductoria haya influido en su opinión hacia entornos de prueba multivariados. Después de un par de semanas de pruebas, comenzará a notar los patrones emergentes, y al usar estas tendencias puede sacar conclusiones pesadas sobre el diseño del sitio. Mantenga sus ojos en los números de conversión, ya que estos en última instancia definirán el éxito o el fracaso de cualquier experimento A / B.