Article

6min lecture

Convaincre et convertir : la checklist pour une landing page optimale

 

Une landing page, aussi appelée « page d’atterrissage » ou « page de destination » est une page qui a pour but de convertir un visiteur en un prospect aussi appelé « lead ». Une landing page diffère du reste de votre site web car elle est focalisée sur un seul et même objectif (la conversion) et dispose d’informations très spécifiques. Elle doit proposer aux visiteurs une offre (ebook, demande de démo, inscription à la newsletter) en échange de données par l’intermédiaire d’un formulaire (Nom, Prénom, Adresse email). Si la landing page propose au visiteur de recevoir du contenu répondant à ses besoins, il sera plus à même de renseigner ses données en échange.

Votre rôle est donc de définir une offre de qualité contre laquelle l’internaute serait prêt à soumettre quelques données. Plus le contenu proposé par la landing page a de la valeur pour le visiteur, plus il sera prêt à convertir. Consultez notre article sur la rédaction d’une landing page efficace et 20 astuces pour optimiser vos landing pages.

Pourquoi la page d’accueil de votre site n’est pas aussi importante que vous ne l’imaginez ?

Souvent, nous avons tendance à penser que la page d’accueil d’un site est la plus importante. Nous voyons le site internet comme une maison, avec une porte d’entrée par laquelle on rentre avant d’accéder aux autres pièces. Dans la réalité, les internautes arrivent sur votre site depuis toutes les pages de votre site. Et c’est tant mieux !

Une landing page doit ressembler à une page de votre site, à quelques détails près. En effet, pour obtenir des taux de conversion avantageux, une landing page se compose de plusieurs éléments indispensables comme un formulaire, un CTA, un titre clair, quelques phrases explicatives, un visuel attractif. Et c’est à peu près tout.

Vous l’aurez compris, une landing page ne doit pas être confondue avec les différentes pages qui composent la structure d’un site (homepage, pages du tunnel d’achat, fiches produits, etc). Sur une landing page, la conversion peut être immédiate dans la mesure où elle a été conçue pour orienter les visiteurs vers une action concrète ou bien la conversion peut être progressive via la génération de leads. Il y a de nombreux avantages à une landing page efficace, mais la mise en œuvre nécessite un travail attentif, ainsi que des tests et des analyses en continu.

La checklist pour une landing page optimale !

Commençons par le header de la landing page :

#1 Écrire un titre ou une phrase d’accroche concis et clair afin de définir l’objet de l’offre.

#2 Utiliser des verbes d’action.

EVERNOTE Landing Page - Souvenez-vous de tout

Le bon exemple d’Evernote avec son accroche « Souvenez-vous de tout ». En 4 mots, tout est dit !

Ensuite, pour le contenu de la landing page :

#3 Informer le visiteur de la teneur de l’offre et comment il peut y accéder : 1 à 3 phrases pour présenter l’offre et 1 à 3 phrases expliquant comment y accéder.

#4 Ne pas surcharger la landing page avec du contenu textuel : privilégier les phrases courtes et concises pour garder le visiteur attentif, pour cela il est possible (voire judicieux !) d’utiliser des bullets points par exemple. Mais les chiffres ou la mise en avant de phrases en gras peut aussi très bien fonctionner.

#5 Agrémenter la page avec un élément visuel : une image, une courte vidéo ou encore d’une animation est l’élément indispensable pour marquer l’esprit de l’internaute et donner du sens au contenu textuel.

STRIKINGLY Landing page - Gérez votre présence en ligne

Chez Strikingly, la proposition de valeur est claire et concise. Les verbes d’action sont justement utilisés. Nous notons aussi l’équilibre entre le contenu textuel, le formulaire et l’image de la page.

#6 Aider les visiteurs à se concentrer sur ce qui est important en enlevant toute sorte de distractions comme : la barre de navigation, les liens sortants, les CTA inutiles, etc.

#7 Ajouter des boutons pour partager la landing page sur vos réseaux sociaux et ainsi atteindre plus de personnes.

WISTIA Landing page - Put your business videos to work

Wistia a totalement orienté sa landing page en simplifiant au maximum les actions dessus : il n’y a que 3 options, se connecter, se créer un compte ou quitter la page.

Enfin pour le formulaire de la landing page :

#8 Le formulaire reflète la valeur de l’offre : plus l’offre a de la valeur, plus il sera possible de demander des informations. Notons qu’un formulaire trop long pourra avoir des conséquences sur les taux de conversion de la landing page.

#9 Le CTA du formulaire se doit d’être clair : il doit apparaître comme une évidence pour le visiteur. Pour cela, il ne faut pas hésiter à tester différentes couleurs ou libellés pour constater ce qui fonctionne le mieux.

PAYPAL Landing page - Download the free ebook.

Lorsque vous souhaitez télécharger un contenu sur le site de Paypal, vous atterrissez sur cette landing page : un formulaire avec seulement les informations nécessaires, un CTA bien visible et compréhensible, l’utilisation du gras et des bullet points pour rendre la description très lisible et clair, la mention de la gratuité du livre, le footer minimaliste qui permet de se concentrer sur le contenu de la page.

Grâce à ces différents éléments, vous serez en mesure de créer des landing pages optimisées pouvant générer des taux de conversion avantageux. Gardez à l’esprit qu’il n’existe pas un modèle « parfait » de landing page mais que chacune d’entre elle doit être optimisée en fonction du contenu que vous avez à offrir.
N’hésitez pas à tester les différents éléments de votre landing page pour la rendre toujours plus favorable aux conversions !


Testez par vous-même !

Pour vous inspirer des idées de test, voici 10 bons exemples de landing page.

1. Dropbox
2. Final
3. Bankjoy
4. Contently
5. Airbnb

6. HubSpot
7. Microsoft
8. Mailjet
9. Slack
10. Uber

Abonnez-vous à
notre Newsletter

bloc Newsletter FR

AB Tasty traite et stocke vos données personnelles pour vous envoyer des communications tel que détaillé dans notre politique de confidentialité ici.

Article

8min lecture

3 étapes pour booster les performances de vos Landing Pages

Nous avons de nombreux clients qui disposent de landing pages et qui nous ont demandé des bonnes pratiques pour optimiser leurs performances. Nous avons décidé de mettre en page tous ces conseils formulés et de vous les partager.

Cet article a fait l’objet d’un webinar animé par Sarah JevremovicChristelle Mampuya. Pour connaitre les dates de nos prochains webinars incrivez-vous à notre newsletter !

Pourquoi optimiser vos landing pages ?

Nous avons déterminé 3 enjeux majeurs :

  • tout d’abord, il s’agit de capter l’attention de vos visiteurs car la landing page est le point d’entrée de votre site web.
  • Ensuite, rentabiliser votre stratégie d’acquisition afin de mesurer son ROI et rentabiliser tout ce trafic.
  • Enfin, faire comprendre votre offre, votre service ou votre marque afin de plus engager vos visiteurs.

10 secondes, c’est le temps nécessaire pour que l’internaute se fasse une idée de votre landing page – et potentiellement quitte votre site. Aujourd’hui, on consacre beaucoup de temps et de budget dans l’acquisition mais ce qu’on sait moins, c’est que l’optimisation de ces landing page est tout aussi crucial. On estime le taux de conversion d’une landing page e-commerce à 10% en B2C et 13% en B2B. Et sur la génération de lead, on estime à 16% en moyenne le taux de conversion.

Pour optimiser et booster les performances de vos landing pages, suivez ces 3 grandes étapes.

1 – Structurez votre message

Avant de commencer des séries d’itération de test, il est important de se concentrer sur la stratégie en structurant votre message.

Commencer par définir vos objectifs

  • Lead generation : télécharger une brochure, demander un devis, etc.
  • “Click Through” : page intermédiaire, souvent utilisée en e-commerce, pour présenter un produit ou une offre avant d’être redirigé sur le site

Identifier une proposition de valeur claire et unique

L’objectif est de vous différencier de vos concurrents : quels sont les bénéfices pour les visiteurs, pourquoi votre offre est unique, etc.

DRPOBOX Landing page

Dropbox a utilisé cette landing page pour interpeller les visiteurs sur leur offre Dropbox Business. Le design est très minimaliste et le contenu est ultra simplifié. L’internaute comprend très rapidement la proposition de valeur de Dropbox et son offre.

Connaître votre audience

Pour adresser le bon message à la bonne audience, encore faut-il connaître cette audience. Photobox souhaitait adresser un message personnalisé aux nouveaux visiteurs afin de leur proposer une offre sur leur première commande.

PHOTOBOX Pop Up BIENVENUE 10€ OFFERTS

Définir les indicateurs clés de performance (KPI)

Si vous voulez a/b tester une landing page, vous devez impérativement définir un objectif. Cela peut être le taux de clic sur CTA, taux de rebond, temps passé, le taux de rebond, etc. L’idée est d’avoir les données nécessaires pour prendre une décision ensuite sur la mise en production de votre landing page.

2 – Optimiser le parcours utilisateur

Maintenant que nous avons vu la partie stratégie, quel type de test on peut appliquer pour optimiser une landing page ? Voici nos bonnes pratiques pour optimiser le parcours utilisateur, que vous pouvez mettre en place rapidement.

Mettre les informations principales au dessus de la ligne de flottaison

Par informations principales, on attend celles qui sont nécessaires à la conversion comme le CTA ou la proposition de valeur par exemple. Le but est de rendre certains éléments rapidement visibles et minimiser le scroll. Dans l’exemple suivant, on s’aperçoit que Noddle a supprimé quelques éléments afin de faire remonter son CTA principal.

NOODLE A/B Testing

Mettre en avant l’action principale

Par « action » nous sous-entendons surtout la mise en avant d’un CTA. Et plus particulièrement le CTA principal. Dans cet exemple, Smartrenting a mis en avant son CTA principal avec un contenu accrocheur et un design épuré. Ils ont pris soin de le laisser fixe au scroll afin qu’il soit visible pour l’internaute tout au long de sa navigation.

SMARTRENTING CTA Récupère ton loyer

S’adapter au device de l’internaute

Le cas de Naranja est très intéressant car ils ont souhaité a/b tester le design et la disposition des éléments sur leur site mobile. L’idée est de rendre visible le CTA principal afin de générer des leads. Le mobile est un petit écran et l’usage n’est pas du tout le même que sur un desktop.

Naranja A/B testing

Limiter les points de fuite

Pour limiter les points de fuite, rien de plus efficace que la suppression des éléments de distraction. Dans l’exemple ci-dessous, Panorama Banque a testé une variation qui masquait tous les autres éléments dit « secondaires » afin de se concentrer sur l’action principale.

Panora Banques Landing page - Comparez les banques

Sur cette variation, il n’y a pas de header ou de footer. Uniquement le formulaire pour comparer les banques. Cela se fait rapidement dans l’éditeur AB Tasty en sélectionnant simplement les éléments que vous voulez masquer !

Mettre en avant des éléments de réassurance de façon claire

Les éléments de réassurance permettent d’instaurer un climat de confiance entre votre site / offre et l’internaute. Ces éléments peuvent être des arguments commerciaux comme le prix, des notes clients ou encore un live chat comme Blablacar.

BlaBlaCar Landing page - BlaBlaCar Et vous qui allez-vous retrouver ?

A/b testez ce qui fonctionne pour vos internautes : quel élément et à quel endroit. N’hésitez pas à en disposer plusieurs tout au long du parcours d’achat ou de conversion.

Capitaliser sur votre communauté d’utilisateurs

Pour aller plus dans le détail avec les éléments de réassurance, capitalisez sur la communauté d’utilisateurs ou de clients que vous avez. Mettez en avant les avis de vos clients sous forme de note ou de témoignage afin de démontrer votre crédibilité auprès de votre audience. La landing page de Ouicar met en avant le nombre d’utilisateur ainsi que des témoignages clients récents.

OuiCar Landing page - Louez une voiture à deux pas

Simplifier les formulaires

Lorsqu’on créé un formulaire, il faut toujours s’interroger : est-ce que tous les champs sont nécessaires ? Avons-nous besoin du code postal de l’internaute dans le cadre d’une inscription à une simple newsletter ? La réponse est évidente, pourtant il n’est pas rare de voir des formulaires avec de nombreux champs.

NRJ A/B Testing formulaires

Limiter l’implication des visiteurs

Dans cette même idée de simplification, prenons l’exemple de Coinbase qui a choisi de ne demander que l’adresse email sur sa landing page. Le fait de ne demander que l’adresse email en première étape renforce l’appétence de l’internaute pour entrer dans le tunnel de conversion.

Coinbase Landing page

Créer un sentiment d’urgence

Inconsciemment, nous réagissons tous aux messages d’urgence. Le but est de créer un sentiment d’urgence pour inciter l’internaute à agir rapidement. Disposer un compte à rebours ou une mention “plus que x places disponibles” dans le tunnel d’achat peut inciter l’internaute à passer à l’action.

FNAC A/B Testing

Testez les images ou vidéos

Enfin, testez un autre format de contenu sur votre landing page pour capter l’attention de vos internautes. Galerie de photo, slider ou vidéo peuvent s’avérer très utiles pour présenter votre offre ou votre service. De plus, le format vidéo un bon moyen de présenter votre offre plus en détails.

FINAL Landing Page

3 – Comment maximiser l’optimisation de vos Landing Pages avec AB Tasty ?

Après avoir parcouru les bonnes pratiques et les idées pour optimiser vos landing pages, voici un rapide aperçu des fonctionnalités de notre solution pour booster les performances de votre site.

Cet article a fait l’objet d’un webinar animé par Sarah JevremovicChristelle Mampuya. Pour connaitre les dates de nos prochains webinars inscrivez-vous à notre newsletter !