Faites la promotion de vos produits à la fin de vos messages

Publié: 2021-04-15

Nous continuons avec cette série d'articles expliquant l'un des tests A/B que nous avons exécutés sur notre site Web. Cette fois, notre objectif est d'essayer de générer du trafic de notre blog vers nos pages de produits. Ce faisant, nous pouvons attirer plus de visiteurs attirés par notre contenu et également intéressés par nos produits.

Le blog est l'une des forces de notre site. Nous créons du contenu depuis des années. Et nous pensons qu'un tel contenu est utile à nos lecteurs. De plus, le blog est l'un des piliers de notre stratégie d'inbound marketing.

Pour essayer de générer plus de trafic du blog vers nos pages produits, nous avons déjà vu l'utilisation d'une barre latérale, que nous avons testée ici. Nous avons également essayé d'ajouter des bannières au contenu des articles de blog les plus populaires, même si le résultat que nous avons obtenu n'était pas celui que nous attendions.

Dans le cas que nous allons étudier aujourd'hui, nous avons ajouté une section supplémentaire dans chaque article de blog présentant nos produits. Grâce à un test A/B, nous verrons si ce changement donne de meilleurs résultats.

Tester l'hypothèse

Sur notre blog, chaque article suit le même modèle de contenu. Nous avons d'abord un en-tête avec le titre et l'image en vedette. Ensuite, nous devons le contenu. Et enfin, nous avons la section des commentaires.

Dans le test que nous allons expliquer cette fois, l'hypothèse que nous voulons tester est qu'« en ajoutant une section avant la boîte de commentaires avec des liens vers nos produits, le trafic qui leur parviendra via le blog sera plus élevé ».

Pour valider cette hypothèse, nous vous proposons de modifier le template de notre thème WordPress pour inclure une section comme celle que vous pouvez voir dans la capture d'écran suivante :

Section à la fin du contenu faisant la promotion des produits dans un article de blog.
Section à la fin du contenu faisant la promotion des produits dans un article de blog.

Dans cette nouvelle section, nous avons deux boîtes avec des images en vedette et le titre de nos produits, ainsi qu'une courte phrase descriptive et un bouton d'action qui amène le visiteur à la page de destination de chacun d'eux.

Pour créer cette section, nous avons dupliqué le modèle de publication de notre thème, puis inclus le code HTML supplémentaire avant le bloc de commentaires. Cela signifie que nous avons maintenant un deuxième modèle de publication dans notre thème WordPress.

Avec cela, nous avons tout prêt pour commencer le test A/B et valider l'hypothèse.

Définition du test A/B

Pour définir le test A/B dans WordPress, nous utiliserons notre plugin Nelio A/B Testing, que vous pouvez trouver dans le répertoire des plugins WordPress.

Une fois le plugin installé et activé, nous allons dans le menu Nelio A/B Testing » Tests et créons un nouveau test A/B de templates. Ce que nous en obtenons est une interface utilisateur comme celle-ci :

Fenêtre d'édition du test CSS A/B dans les articles de blog.
Vue d'édition du test A/B des modèles.

Nous voyons que la version originale est le modèle par défaut pour les messages. Comme version alternative, nous allons choisir le nouveau modèle que nous venons de créer au point précédent et qui comprend la section avec les deux produits.

Ensuite, nous allons définir les objectifs de conversion et les actions que nous voulons mesurer dans les résultats. Dans ce cas, nous allons définir trois objectifs. Dans la première, nous allons compter comme une conversion toute visite sur la page de destination de l'un de nos deux produits qui provient d'un article de blog. Les deux autres objectifs vont compter les visites de chaque produit séparément.

Avec tout prêt, nous n'avons plus qu'à lancer le test A/B. Une fois le test actif, la moitié des visiteurs verra le modèle d'origine et l'autre moitié verra automatiquement la version avec les modifications. De même, chaque fois qu'un visiteur ayant vu une version visite la page d'un de nos produits, le plugin d'A/B testing comptabilisera une nouvelle conversion et l'ajoutera aux résultats.

Il suffit d'attendre que les résultats s'accumulent pour voir la tendance finale et décider si l'une des deux versions est meilleure que l'autre.

Analyse des résultats des tests A/B

Nous avons effectué ce test sur le Web pendant plus de trois mois, au cours desquels près de 145 000 visites de billets de blog ont été analysées. Cependant, l'impact de la modification que nous avons apportée au modèle a été très faible, avec moins d'un pour cent de conversion.

Cela est principalement dû au fait que très peu de visiteurs prêtent attention à ce qui se trouve après le contenu. C'est quelque chose que nous avons déjà remarqué lorsque nous avons parlé des heatmaps et des scrollmaps dans un post précédent. Plus le changement que vous apportez est profond verticalement sur la page, moins il aura d'impact. Dans ce test A/B, nous avons de nouveau confirmé que c'est ce qui s'est passé.

Mais pour en revenir aux résultats, si nous regardons le premier objectif, les deux versions du modèle ont eu des performances similaires. Aucune des deux versions n'a apporté de changements substantiellement significatifs qui nous permettent de détecter que l'une des deux options est clairement meilleure.

Résultats des tests CSS concernant l'objectif de visiter n'importe quel produit à partir d'un article de blog.
Résultats des tests concernant l'objectif de visiter n'importe quel produit à partir d'un article de blog.

La même chose se produit si nous ne regardons que les visites de la page d'accueil Nelio Content, notre deuxième objectif dans le test A/B. Les résultats sont à nouveau non significatifs. Aucune version du modèle n'est meilleure que l'autre.

Résultats du test CSS concernant l'objectif de visiter l'atterrissage Nelio Content à partir d'un article de blog.
Résultats du test concernant l'objectif de visiter la page d'accueil Nelio Content à partir d'un article de blog.

Fait intéressant, si nous regardons le troisième objectif, la version avec le changement ajouté semble être la gagnante du test A/B. Avec une confiance statistique supérieure à 90 %, le modèle qui affiche nos produits après le contenu des messages parvient à diriger plus de trafic vers la page de destination Nelio A/B Testing.

Résultats du test CSS concernant l'objectif de visiter l'atterrissage Nelio A / B Testing à partir d'un article de blog.
Résultats du test concernant l'objectif de visiter la page de destination Nelio A/B Testing à partir d'un article de blog.

Cependant, nous parlons de taux de conversion inférieurs à 0,2%, nous pouvons donc dire que, bien que les statistiques nous indiquent que le modèle avec les modifications est le gagnant pour ce dernier objectif, à des fins pratiques, les chiffres que nous obtenons ne sont pas trop intéressants.

Avec le test A/B d'aujourd'hui, nous avons constaté que si nous voulons obtenir un plus grand impact en apportant des modifications à nos articles de blog, ce que nous devons essayer, c'est que ces modifications apparaissent aussi haut que possible sur la page. Sinon, il est très difficile d'obtenir des résultats pertinents qui nous aident à prendre des décisions. Bien que ce soit encore une autre hypothèse que nous devrons valider dans le futur…

Image en vedette d'Austin Chan sur Unsplash.