Le premier pli de votre site Web

Le premier pli de votre site Web est la section la plus importante. Tous les visiteurs qui atterrissent sur votre page finissent par voir ce bloc. Et cela les incitera à continuer à naviguer sur votre site Web, à faire défiler pour en savoir plus ou simplement à partir.

Lorsque nous avons parlé de cartes thermiques, nous avons vu que le premier pli du Web est celui qui reçoit le plus de pertinence dans la plupart des cas. Dans la heatmap et la scrollmap que nous y avons analysées, la quantité d'activité dans le premier bloc du Web était plus importante.

De nombreux visiteurs ne verront que le premier pli et ne feront pas défiler la page. Optimiser ce que nous y montrons est essentiel pour améliorer le taux de conversion. C'est pourquoi ce mois-ci nous parlerons de l'optimisation du premier pli d'une landing page de notre site web.

L'hypothèse : se concentrer sur le message

Dans Nelio, nous avons deux plugins premium pour WordPress : Nelio Content et Nelio A/B Testing. Aujourd'hui, nous allons nous concentrer sur le second, qui est également celui que nous utilisons pour exécuter les tests dans cette section de notre site Web. Analysons le premier pli de la landing page pour Nelio A/B Testing.

Le but de cette page est de montrer le produit aux utilisateurs potentiels afin qu'ils finissent par visiter la page de tarification. Plus il y a de visiteurs qui passent de cette page de destination à la page de tarification, plus il y a de possibilités qu'ils finissent par acheter le produit, ce que nous voulons.

Les données dont nous disposons grâce à l'outil que nous utilisons pour l'analyse Web nous indiquent que cette page fonctionne déjà assez bien. Pour être plus précis, nous savons que la moitié des visiteurs qui visitent notre page de destination finissent par visiter la page de tarification. Pas mal, non ? Maintenant la question est, pouvons-nous améliorer ces chiffres ?

La capture d'écran ci-dessus montre ce que vous voyez dans le premier pli de cette page. Son titre principal est le nom du produit : Nelio A/B Testing. Ensuite, nous avons un sous-titre qui essaie de créer un sentiment d'urgence pour les utilisateurs afin qu'ils commencent à tester leurs sites.

Cependant, si nous repensons le texte et essayons de changer le message pour susciter la curiosité plutôt que l'urgence, nous pourrons peut-être améliorer ces chiffres que je viens de vous présenter. De plus, pour éviter les distractions, nous pouvons modifier le premier bloc du Web afin qu'il utilise tout le premier pli et masque ainsi la deuxième section de la page, ce qui ne contribue pas à notre objectif ici.

Ainsi, l'hypothèse du test que nous allons créer ici est que si nous nous concentrons sur la première section de notre site Web pour envoyer un message clair, la conversion doit s'améliorer. Réussirons-nous ? Voyons voir…

Création d'une variante de The First Fold

La première chose que nous allons faire est d'aller sur Nelio A/B Testing dans WordPress et de créer un nouveau test A/B de pages. Je vous encourage à faire de même avec votre page de destination et à partager vos résultats avec nous dans les commentaires. Vous pouvez faire ce test gratuitement en installant simplement Nelio A/B Testing depuis le répertoire du plugin WordPress.

Nous devons maintenant nommer le test et la variante que nous allons créer. Le but du test est de visiter la page de tarification. Ainsi, nous ajoutons une action de conversion qui suit les visites sur la page de tarification en tant que conversions. La mise en place de tout ce test vous prendra moins d'une minute. Nous allons maintenant modifier la variante avec les modifications.

Lors de l'édition de la variante, nous allons dans l'éditeur de page que nous avons configuré par défaut dans WordPress. Nous utilisons l'éditeur de blocs Gutenberg. Je vous recommande d'utiliser celui-ci ou tout autre avec lequel vous vous sentez à l'aise.

Dans la comparaison suivante, vous pouvez voir les modifications que nous avons apportées dans le premier bloc de notre page de destination. Gardez à l'esprit que si vous passez la souris sur le bloc, vous pouvez déplacer le séparateur vers la droite ou vers la gauche pour voir la version originale de la page que nous allons tester ou sa variante.

Dans la variante, nous avons changé le titre et au lieu du nom du produit, qui apparaît déjà dans le logo, nous avons ajouté un message qui invite à stimuler la curiosité du visiteur. Nous voulons qu'ils réfléchissent aux modifications de leur site Web qui pourraient fonctionner le mieux. Une couleur différente ? Une autre forme pour les boutons ? Un lieu alternatif pour tout cela ?

Suite à cela, nous changeons le sous-titre en quelque chose qui indique que nous avons la solution pour assouvir votre curiosité : "créez et testez différentes versions de votre WordPress pour découvrir ce que votre public aime le plus et améliorer vos conversions".

Créer le test A/B et éditer la variante de notre page est quelque chose qui ne nous prend que quelques minutes. Ce que nous pouvons obtenir en retour est beaucoup plus important que l'effort consacré.

Enfin, comme nous avons le site Web en espagnol et en anglais, nous faisons de même avec la page en espagnol. Vous pouvez voir les changements pour la variante de la page espagnole dans la comparaison suivante :

Une fois que tout est prêt, il nous suffit de lancer les tests de deux pages, une pour chaque langue, et d'attendre que les résultats arrivent. N'oubliez pas que Nelio A/B Testing se charge de répartir votre trafic entre les différentes variantes testées et de comptabiliser les visites et les conversions. Vous n'avez rien d'autre à faire… attendez.

Analyser les résultats : nos changements ont-ils mieux fonctionné ?

Commençons par les résultats pour le test de la page en anglais. Vous pouvez voir tous les détails dans la capture d'écran suivante :

Ce test a duré 26 jours, et près de 1000 visiteurs ont été analysés au total. Comme vous pouvez le voir, à ce moment, le test a été en mesure d'identifier que la version B est la gagnante.

Comme nous le savions déjà, la version originale a un taux de conversion qui dans ce cas est de 54 %. Cela correspond aux données de l'outil d'analyse Web que j'ai mentionné précédemment. En revanche, la variante a atteint un taux de conversion supérieur à 60 %, ce qui représente une amélioration de 12,3 %.

Les données sont statistiquement significatives, avec une valeur de confiance supérieure à 95 %. Par conséquent, nous pouvons confirmer que la variante avec la nouvelle copie qui utilise tout le premier pli de la page est meilleure que celle que nous avions jusqu'à présent. Notre hypothèse était juste. Nous devons être heureux, alors.

Comment appliquer la variante gagnante

Une fois que nous savons que nous avons une version alternative de notre page qui est meilleure que la version actuelle, nous devons faire en sorte que cette variante devienne celle que tous les visiteurs voient. Pour ce faire, nous devons d'abord arrêter le test. Ensuite, nous allons dans la section où nous avons les résultats de la variante et appuyons sur le bouton pour l'appliquer.

Ce qu'il fait, c'est remplacer la page que nous avions par la variante que nous avons trouvée qui fonctionne le mieux. C'est aussi simple que cela, en un seul clic. Et au cas où vous en auriez besoin, vous pouvez toujours réappliquer la version originale et revenir à l'état précédent.

Qu'en est-il du test de la page en espagnol ?

Eh bien, vous avez les résultats ci-dessous:

Après 26 jours, le test n'a abouti à aucune conclusion en raison du faible trafic de la page testée. Le nombre de visiteurs est si faible que tester cette page n'avait aucun sens. Par conséquent, la seule conclusion que nous pouvons en tirer est que notre public en espagnol n'a pas beaucoup d'intérêt à faire des tests A/B.

C'est intéressant, car cela prouve que sur un même site on peut avoir des publics très différents. Dans ce cas, le fait différenciateur n'est pas seulement la langue, mais le fait que dans les pays anglophones ce type de techniques d'optimisation de la conversion soit plus répandu et mature que dans les zones hispanophones.

Notre travail consiste donc à continuer d'expliquer les avantages des tests A/B à notre public espagnol . En faisant cela, nous espérons obtenir plus de trafic et d'intérêt sur le sujet.

C'est tout pour ce mois-ci. N'oubliez pas de passer régulièrement sur notre site afin de connaître les tests que nous analyserons dans les mois à venir.

Image sélectionnée par Matthew T Rader sur Unsplash.