El primer pliegue de tu web.

El primer pliegue de su sitio web es la sección más importante. Todos los visitantes que llegan a su página terminan viendo ese bloque. Y esto hará que sigan navegando por tu sitio web, hagan scroll para saber más sobre él, o simplemente se vayan.

Cuando hablábamos de los mapas de calor, vimos que el primer pliegue de la web es el que cobra más relevancia en la mayoría de los casos. Tanto en el heatmap como en el scrollmap que analizamos allí, la cantidad de actividad en el primer bloque de la web era mayor.

Muchos visitantes solo verán el primer pliegue y no se desplazarán hacia abajo en la página. Optimizar lo que mostramos allí es clave para mejorar la tasa de conversión. Por eso este mes hablaremos de la optimización del primer pliegue de una landing page de nuestra web.

La hipótesis: enfoque en el mensaje

En Nelio disponemos de dos plugins premium para WordPress: Nelio Content y Nelio A/B Testing. Hoy nos vamos a centrar en el segundo, que también es el que usamos para hacer las pruebas en esta sección de nuestra web. Analicemos el primer pliegue de la landing page de Nelio A/B Testing.

El objetivo de esta página es mostrar el producto a los usuarios potenciales para que terminen visitando la página de precios. Cuantos más visitantes pasen de este landing a la página de precios, más posibilidades hay de que acaben comprando el producto, que es lo que queremos.

Los datos que tenemos gracias a la herramienta que usamos para el análisis web nos dicen que esta página ya está funcionando bastante bien. Para ser más específicos, sabemos que la mitad de los visitantes que visitan nuestra página de destino terminan visitando la página de precios. No está mal, ¿verdad? Ahora la pregunta es, ¿podemos mejorar estos números?

La captura de pantalla anterior muestra lo que ve en el primer pliegue de esa página. Su título principal es el nombre del producto: Nelio A/B Testing. Luego tenemos un subtítulo que trata de crear un sentido de urgencia a los usuarios para que comiencen a probar sus sitios.

Sin embargo, si repensamos el texto y tratamos de cambiar el mensaje para que despierte curiosidad en lugar de urgencia, quizás podamos mejorar estos números que les estaba presentando. Además, para evitar distracciones podemos cambiar el primer bloque de la web para que utilice todo el primer pliegue y así oculte la segunda sección de la página, lo que no contribuye a nuestro propósito aquí.

Entonces, la hipótesis del test que vamos a crear aquí es que si enfocamos la primera sección de nuestro sitio web para enviar un mensaje claro, la conversión debe mejorar. ¿Tendremos éxito? Vamos a ver…

Crear una variante del primer pliegue

Lo primero que vamos a hacer es ir a Nelio A/B Testing en WordPress y crear un nuevo test A/B de páginas. Te animo a que hagas lo mismo con tu página de destino y compartas tus resultados con nosotros en los comentarios. Puedes hacer esta prueba gratis simplemente instalando Nelio A/B Testing desde el directorio de plugins de WordPress.

Ahora tenemos que nombrar la prueba y la variante que vamos a crear. El objetivo de la prueba es visitar la página de precios. Por lo tanto, agregamos una acción de conversión que rastrea las visitas a la página de precios como conversiones. Configurar toda esta prueba te llevará menos de un minuto. Ahora vamos a editar la variante con los cambios.

Al editar la variante vamos al editor de páginas que tenemos configurado por defecto en WordPress. Usamos el editor de bloques de Gutenberg. Te recomiendo que utilices este o cualquier otro con el que te sientas cómodo.

En la siguiente comparativa puedes ver los cambios que hemos realizado en el primer bloque de nuestra landing page. Ten en cuenta que si pasas el ratón sobre el bloque puedes mover el divisor hacia la derecha o hacia la izquierda para ver la versión original de la página que vamos a probar o su variante.

En la variante hemos cambiado el título y en lugar del nombre del producto, que ya aparece en el logo, hemos añadido un mensaje que invita a despertar la curiosidad del visitante. Queremos que piensen en los cambios en su sitio web que podrían funcionar mejor. ¿Un color diferente? ¿Otra forma para los botones? ¿Una ubicación alternativa para todo esto?

A continuación, cambiamos el subtítulo por algo que indica que tenemos la solución para saciar tu curiosidad: “crea y prueba diferentes versiones de tu WordPress para descubrir lo que más le gusta a tu audiencia y mejorar tus conversiones”.

Crear el test A/B y editar la variante de nuestra página es algo que nos lleva apenas unos minutos. Lo que podemos obtener a cambio es mucho más grande que el esfuerzo dedicado.

Finalmente, como tenemos el sitio web en español e inglés, hacemos lo mismo con la página en español. Puedes ver los cambios para la variante de la página en español en la siguiente comparativa:

Una vez que tengamos todo listo, solo nos queda iniciar las pruebas de dos páginas, una para cada idioma, y ​​esperar a que lleguen los resultados. Recuerda que Nelio A/B Testing se encarga de dividir tu tráfico entre las diferentes variantes bajo prueba y contabilizar las visitas y conversiones. No necesitas hacer nada más... solo espera.

Analizando los resultados: ¿Nuestros cambios funcionaron mejor?

Comencemos con los resultados de la prueba de la página en inglés. Puedes ver todos los detalles en la siguiente captura de pantalla:

Esta prueba ha estado funcionando durante 26 días y se han analizado casi 1000 visitantes en total. Como podéis ver, en este momento la prueba ha podido identificar que la versión B es la ganadora.

Como ya sabíamos, la versión original tiene una tasa de conversión que en este caso es del 54%. Esto coincide con los datos de la herramienta de análisis web que mencioné antes. Por otro lado, la variante ha conseguido una tasa de conversión superior al 60%, lo que supone una mejora del 12,3%.

Los datos son estadísticamente significativos, con un valor de confianza superior al 95%. Por lo tanto, podemos confirmar que la variante con la nueva copia que utiliza todo el primer pliegue de la página es mejor que la que teníamos hasta ahora. Nuestra hipótesis era correcta. Entonces debemos ser felices.

Cómo aplicar la variante ganadora

Una vez que sabemos que tenemos una versión alternativa de nuestra página que es mejor que la actual, tenemos que hacer que esta variante se convierta en la que ven todos los visitantes. Para ello primero debemos detener la prueba. Luego, vamos a la sección donde tenemos los resultados de la variante y presionamos el botón para aplicarla.

Lo que hace es reemplazar la página que teníamos con la variante que encontramos que funciona mejor. Es así de fácil, con un solo clic. Y en caso de que lo necesites, siempre puedes volver a aplicar la versión original y volver al estado anterior.

¿Qué pasa con la prueba de la página en español?

Pues tienes los resultados a continuación:

Después de 26 días, la prueba no ha llegado a ninguna conclusión debido al bajo tráfico de la página bajo prueba. El número de visitantes es tan bajo que probar esta página no tiene sentido. Por lo tanto, la única conclusión que podemos sacar de aquí es que nuestra audiencia en español no tiene mucho interés en hacer pruebas A/B.

Esto es interesante, porque demuestra que en una misma web podemos tener públicos muy distintos. En este caso, el hecho diferenciador no es solo el idioma, sino que en los países de habla inglesa este tipo de técnicas de optimización de conversión están más extendidas y maduras que en las de habla hispana.

Así que nuestro trabajo aquí es continuar explicando los beneficios de las pruebas A/B a nuestra audiencia española. Al hacer esto, esperamos obtener más tráfico e interés en el tema.

Eso es todo por este mes. No olvides pasarte por nuestra web periódicamente para conocer las pruebas que analizaremos en los próximos meses.

Imagen destacada de Matthew T Rader en Unsplash.