{"id":12943,"date":"2022-11-25T22:33:27","date_gmt":"2022-11-25T21:33:27","guid":{"rendered":"https:\/\/www.twileadconnector.com\/?p=12943"},"modified":"2023-01-12T20:21:37","modified_gmt":"2023-01-12T19:21:37","slug":"comment-creer-une-landing-page-efficace","status":"publish","type":"post","link":"https:\/\/twileadconnector.com\/fr\/comment-creer-une-landing-page-efficace\/","title":{"rendered":"Comment cr\u00e9er une landing page efficace (avec exemples)\u00a0?"},"content":{"rendered":"\t\t
Lancer une campagne marketing sur le web, c\u2019est se livrer \u00e0 deux batailles successives\u00a0: la premi\u00e8re, c\u2019est de faire en sorte que les visiteurs qui re\u00e7oivent l\u2019impression de la publicit\u00e9 cliquent sur le lien. La seconde, et c\u2019est sans doute la plus importante, c\u2019est de pousser ces visiteurs \u00e0 priori int\u00e9ress\u00e9s<\/em> \u00e0 compl\u00e9ter l\u2019action qui conclut votre landing page. Dans ce guide pratique, Twilead<\/a> vous livre des conseils de pro ainsi que les erreurs \u00e0 \u00e9viter pour construire une landing page qui convertit \u00e0 tour de bras, sans prise de t\u00eate\u00a0!<\/p> La landing page, ou page de destination, est une page web \u00ab\u00a0autonome\u00a0\u00bb cr\u00e9\u00e9e sp\u00e9cifiquement pour porter une campagne marketing bien d\u00e9termin\u00e9e. C\u2019est la page dans laquelle les prospects vont atterrir apr\u00e8s avoir cliqu\u00e9 sur un lien dans un email, une publicit\u00e9 sur un moteur de recherche (Google et Bing notamment), une publicit\u00e9 sur une plateforme vid\u00e9o (YouTube), une publicit\u00e9 sur les r\u00e9seaux sociaux (Instagram, Twitter, Facebook, LinkedIn\u2026), un lien sur un SMS, etc.<\/p> Contrairement aux pages web classiques qui encouragent l\u2019exploration du site web ou encore la lecture d\u2019un contenu jusqu\u2019\u00e0 la fin, les landing pages sont pens\u00e9es pour servir un objectif unique, symbolis\u00e9 par le Click to Action (ou CTA). Dans un web qui grouille de stimulus, la landing page concentre tout le contenu et le design sur l\u2019action vis\u00e9e afin de favoriser la conversion.<\/p> Dans le funnel marketing (ou entonnoir marketing), la landing page se situe en bas, juste avant le check-out si l\u2019action attendue est transactionnelle, l\u2019inscription \u00e0 un \u00e9v\u00e9nement, la r\u00e9servation d\u2019une d\u00e9mo de produit, etc.<\/p> A noter\u00a0: sur Google Ads ou Google Analytics, l\u2019expression \u00ab\u00a0landing page\u00a0\u00bb est utilis\u00e9e pour d\u00e9finir toutes les pages web d\u2019un site web. Dans le langage du marketing digital, l\u2019expression d\u00e9signe plut\u00f4t la page pivot d\u2019une campagne marketing avec un seul Call to Action (CTA) et peu ou pas de possibilit\u00e9 de navigation sur le reste du site web.<\/p> Pour vous aider \u00e0 faire un choix \u00e9clair\u00e9, nous avons compil\u00e9 les 6 grandes familles de landing pages. En quoi consiste chaque type\u00a0? Quel est l\u2019objectif vis\u00e9\u00a0? Quels sont les facteurs cl\u00e9s de succ\u00e8s\u00a0? Retrouvez \u00e9galement des exemples pour vous inspirer\u00a0!<\/p> C\u2019est sans doute la page qui vient \u00e0 l\u2019esprit de tout marketeur lorsqu\u2019il entend parler d\u2019une landing page. Il s\u2019agit d\u2019une page simple compos\u00e9e de trois \u00e9l\u00e9ments\u00a0: un titre qui r\u00e9sume l\u2019offre propos\u00e9e au visiteur, les d\u00e9tails de la valeur ajout\u00e9e de l\u2019offre et un formulaire relativement court pour capturer ou \u00ab\u00a0squeezer\u00a0\u00bb les coordonn\u00e9es de contact du visiteur, notamment son adresse email et \u00e9ventuellement son num\u00e9ro de t\u00e9l\u00e9phone. La soumission du formulaire permet g\u00e9n\u00e9ralement au lead de b\u00e9n\u00e9ficier de la promesse dans l\u2019imm\u00e9diat (essai gratuit d\u2019une solution, t\u00e9l\u00e9chargement d\u2019un livre blanc ou d\u2019un ebook, etc.).<\/p> A noter\u00a0: le pop-up et la sticky bar visent le m\u00eame objectif, \u00e0 savoir encourager le visiteur \u00e0 donner ses coordonn\u00e9es de contact en \u00e9change d\u2019un contenu ou d\u2019un service. Elles ne constituent pas pour autant des landing pages \u00ab\u00a0Squeeze\u00a0\u00bb pour une raison simple\u00a0: elles tentent de convertir le trafic existant, contrairement aux landing pages qui accueillent des visiteurs ayant cliqu\u00e9 sur un lien depuis une source externe \u00e0 la page.<\/p> Voici un exemple concret d\u2019une landing page \u00ab\u00a0Squeeze\u00a0\u00bb r\u00e9ussie. Comme vous pouvez le constater, le formulaire de contact est r\u00e9duit \u00e0 un seul champ, l\u2019adresse email. La r\u00e9compense est clairement expliqu\u00e9e, et le copywriting est \u00e0 la fois simple et \u00e9l\u00e9gant. Objectif\u00a0: limiter les distractions pour ne pas perdre l\u2019attention du visiteur.<\/p> <\/p> Il s\u2019agit d\u2019une landing page imposante, qui se suffit \u00e0 elle-m\u00eame. Bien qu\u2019elle accueille des visiteurs qui ont d\u00e9montr\u00e9 un certain int\u00e9r\u00eat pour l\u2019offre sur une source externe (r\u00e9seaux sociaux, moteurs de recherche\u2026), cette landing page s\u2019adresse \u00e0 eux comme s\u2019ils \u00e9taient au d\u00e9but de leur parcours d\u2019achat. Concr\u00e8tement, le contenu de cette page est construit dans une logique qui ressemble \u00e0 l\u2019Inbound, puisqu\u2019on tentera dans un premier temps de capter l\u2019attention du visiteur avec un fait \u00e9loquent, un chiffre \u00e9tonnant, un constat curieux ou une probl\u00e9matique qui complique la vie du visiteur. Par la suite, c\u2019est un long argumentaire commercial qui est d\u00e9velopp\u00e9 \u00e0 la faveur d\u2019un copywriting de haut vol.<\/p> La promesse du produit est r\u00e9p\u00e9t\u00e9e, reformul\u00e9e et paraphras\u00e9e en des termes accrocheurs (parfois racoleurs<\/em>) pour ancrer le message dans la m\u00e9moire du lecteur. Le ton adopt\u00e9 est tr\u00e8s engag\u00e9, passionn\u00e9 et \u00e9motionnel. On utilisera volontiers la technique du FOMO, ou \u00ab\u00a0Fear of missing out<\/em>\u00a0\u00bb, pour cr\u00e9er un sentiment d\u2019urgence et\/ou de raret\u00e9. Globalement, cette landing page mobilise plusieurs techniques de vente dans sa conception visuelle et son texte. Il n\u2019est pas rare de trouver des m\u00e9ga-landing pages de plus de 7\u00a0000 mots\u00a0! On retrouvera notamment\u00a0:<\/p> Ces landing pages ne permettent g\u00e9n\u00e9ralement pas de naviguer sur le site, si tant est qu\u2019il existe. Le seul lien propos\u00e9 est celui vers la page de paiement. Voici un exemple qui illustre ce type de landing page<\/a>.<\/p> Contrairement aux autres landing pages qui accueillent le visiteur provenant d\u2019une source externe ou d\u2019une autre page du m\u00eame site web, les landing pages de type \u00ab Splash \u00bb s\u2019affichent g\u00e9n\u00e9ralement en amont de toutes les pages du site web pour qualifier le visiteur avant de lui permettre d\u2019explorer le site. L\u2019objectif de la page Splash est par exemple de v\u00e9rifier l\u2019\u00e2ge du visiteur, de lui demander ses pr\u00e9f\u00e9rences linguistiques ou encore de l\u2019informer sur la tenue imminente d\u2019un \u00e9v\u00e9nement.<\/p> En r\u00e8gle g\u00e9n\u00e9rale, la page Splash contient tr\u00e8s peu de texte\u2026 juste ce qu\u2019il faut pour faire passer un message ou obtenir une r\u00e9ponse. Voici un exemple pour confirmer l\u2019\u00e2ge du visiteur (Budweiser).<\/p> <\/p> C\u2019est sans doute le type de landing page le plus utilis\u00e9 sur le web, dans la mesure o\u00f9 il propose un bon compromis entre la Squeeze et la m\u00e9ga-landing page. Polyvalente, relativement simple \u00e0 r\u00e9aliser et plut\u00f4t efficace, la landing page Lead Gen est g\u00e9n\u00e9ralement utilis\u00e9e dans la partie m\u00e9diane de l\u2019entonnoir marketing pour qualifier les visiteurs et collecter leurs donn\u00e9es de contact. Typiquement, le formulaire de contact sera positionn\u00e9 dans un c\u00f4t\u00e9 de la page, le reste \u00e9tant r\u00e9serv\u00e9 \u00e0 la promesse ou la r\u00e9compense.<\/p> A noter<\/strong>\u00a0: si vous offrez un contenu de milieu de l\u2019entonnoir comme un livre blanc ou ebook, optez pour un formulaire de contact court. Si les visiteurs sont plut\u00f4t vers le bas de l\u2019entonnoir marketing (demande d\u00e9mo ou prise de rendez-vous), vous pouvez vous permettre un formulaire plus long pour permettre \u00e0 vos \u00e9quipes de vente de mieux qualifier le prospect et pr\u00e9parer leur rendez-vous. Voici un exemple sign\u00e9 Monday, un outil de gestion de projet.<\/p> <\/p> La landing page de remerciement sert \u00e0 la fois \u00e0 remercier les visiteurs d\u2019avoir compl\u00e9t\u00e9 l\u2019action mais aussi \u00e0 leur confirmer que le formulaire a bien \u00e9t\u00e9 soumis, que leur commande a bien \u00e9t\u00e9 prise en compte, etc. G\u00e9n\u00e9ralement, la landing page de remerciement s\u2019affiche simultan\u00e9ment \u00e0 l\u2019envoi d\u2019un email de confirmation.<\/p> Ce type de landing page peut avoir plusieurs objectifs\u00a0: faire avancer le prospect dans l\u2019entonnoir marketing, contribuer \u00e0 la fid\u00e9lisation du client avec un message personnalis\u00e9, faire du cross-selling en lui recommandant des produits compl\u00e9mentaires \u00e0 son achat, lui rappeler un programme de parrainage ou de fid\u00e9lit\u00e9, lui proposer une courte enqu\u00eate de satisfaction sur la facilit\u00e9 de la commande, le rassurer sur sa d\u00e9cision d\u2019achat, etc.<\/p> <\/p> Techniquement, les pages d\u2019erreur \u00ab\u00a0404\u00a0\u00bb sont des landing pages, dans la mesure o\u00f9 elles accueillent des visiteurs potentiellement perdus pour les pousser \u00e0 r\u00e9aliser une action\u00a0: visiter une page \u00ab\u00a0fonctionnelle\u00a0\u00bb du site web. Une bonne landing page 404 doit \u00eatre conforme \u00e0 votre charte graphique, avec un message en phase avec votre positionnement.<\/p> De nombreuses marques jouent la carte de l\u2019humour et de la l\u00e9g\u00e8ret\u00e9 pour d\u00e9dramatiser l\u2019erreur ou le probl\u00e8me technique. Certaines optent m\u00eame pour un \u00e9l\u00e9ment interactif, avec un mini-jeu ou une animation. L\u2019exemple IMDB est un cas d\u2019\u00e9cole, avec des citations de films c\u00e9l\u00e8bres d\u00e9tourn\u00e9es sur la th\u00e9matique de l\u2019erreur 404.<\/p> <\/p> Alors oui, il n\u2019y a pas de formule magique pour d\u00e9velopper une landing page qui convertit en masse. Il y a en revanche quelques crit\u00e8res que l\u2019on retrouve dans toutes les landing pages qui surperforment. En voici 5.<\/p> Le m\u00e9ta titre et la m\u00e9ta description de votre landing page jouent un r\u00f4le essentiel si vous misez sur des visiteurs provenant des moteurs de recherche. Ces deux \u00e9l\u00e9ments seront en effet la seule vitrine de la landing page avant de cliquer.<\/p> Veillez donc \u00e0 les inclure dans votre effort de copywriting. Le titre H1 sera quant \u00e0 lui le premier \u00e9l\u00e9ment lu par le visiteur une fois qu\u2019il aura atterri sur la landing page. Un conseil\u00a0: r\u00e9digez-le \u00e0 la toute fin de votre effort de copywriting. Le fait d\u2019avoir produit tout le contenu de la page vous permettra d\u2019\u00e9viter un titre H1 d\u00e9ceptif, dont la promesse n\u2019est pas remplie par la suite. Aussi, le fait de laisser la cr\u00e9ation du titre \u00e0 la fin vous permet de vous inspirer des meilleures punchlines<\/em> de votre contenu.<\/p> Une seule statistique va vous convaincre d\u2019int\u00e9grer un Live Chat dans votre landing page. Selon une \u00e9tude sign\u00e9e Shoppop<\/a>, les landing pages qui embarquent un Live Chat convertissent jusqu\u2019\u00e0 quatre fois plus que les autres. A-t-on besoin de d\u00e9velopper davantage\u00a0?<\/p> Une fois que les visiteurs auront rempli le formulaire de contact et cliqu\u00e9 sur le CTA, vous devez les remercier et \u00e9ventuellement les faire avancer dans le parcours d\u2019achat pour saisir les opportunit\u00e9s de cross-selling, par exemple. La page de remerciement leur permettra \u00e9galement de recevoir une confirmation formelle de la compl\u00e9tion de l\u2019action. Faites en sorte qu\u2019ils se sentent appr\u00e9ci\u00e9s \u00e0 leur juste valeur\u2026 une premi\u00e8re \u00e9tape pour nouer une relation de confiance et les fid\u00e9liser.<\/p> Ce qui fonctionne pour une entreprise, un secteur d\u2019activit\u00e9, une cible ou un march\u00e9 peut ne pas fonctionner dans une autre configuration. Ne vous contentez pas d\u2019un template t\u00e9l\u00e9charg\u00e9 sur un site web anglo-saxon. Essayez d\u2019adapter votre landing page \u00e0 vos buyer persona et \u00e0 votre image de marque. N\u2019h\u00e9sitez pas \u00e0 faire du testing en interne, sur un panel de clients fid\u00e8les, voire du Test A\/B sur un petit \u00e9chantillon. En somme, activez le pouvoir de la Data pour construire une landing page redoutable\u00a0!<\/p> \u00c9quipez votre formulaire de contact d\u2019une solution de validation en temps r\u00e9el, notamment sur les champs importants comme l\u2019email et le num\u00e9ro de t\u00e9l\u00e9phone, le cas \u00e9ch\u00e9ant. Ces solutions v\u00e9rifient en temps r\u00e9el la conformit\u00e9 de la saisie au format attendu et vous \u00e9pargnent des bases de donn\u00e9es brouillons avec des entr\u00e9es erron\u00e9es. Aussi, nous vous conseillons de limiter votre formulaire au strict minimum pour ne pas d\u00e9courager les visiteurs. Par exemple, avez-vous vraiment besoin de savoir comment le visiteur a connu votre site web\u00a0?<\/p> Si votre landing page comporte une des trois erreurs suivantes, elle compromettra non seulement le taux de conversion, mais la rentabilit\u00e9 de toute la campagne marketing.<\/p> Selon les derniers chiffres de M\u00e9diam\u00e9trie, la France compte plus de 53 millions d\u2019internautes mensuels\u2026 dont 37,4 millions qui se naviguent sur le web depuis un t\u00e9l\u00e9phone mobile. En somme, pr\u00e8s de 71 % des internautes fran\u00e7ais se connectent depuis leur smartphone. Leur afficher une landing page non optimis\u00e9e pour le mobile, c\u2019est tout simplement se tirer une balle dans le pied. Notez \u00e9galement que Google tend \u00e0 p\u00e9naliser les sites web qui ne proposent pas une exp\u00e9rience fluide sur mobile. Votre visibilit\u00e9 prendra donc un (grand) coup. Non, une landing page non optimis\u00e9e pour le mobile n\u2019est pas une option\u00a0!<\/p> C\u2019est simple\u00a0: selon Google, une page dont le temps de chargement passe d\u2019une \u00e0 trois secondes perdra 32 % des visiteurs. Une page dont le temps de chargement passe d\u2019une \u00e0 cinq secondes perdra 90 % des visiteurs 5 Certes, la cr\u00e9ation d\u2019une bonne landing page n\u00e9cessite un effort artistique, avec des contenus percutants, des visuels de belle facture, des vid\u00e9os, de l\u2019UX, des techniques de persuasion, etc. Mais si les standards techniques ne sont pas remplis (serveur de mauvaise qualit\u00e9), tous vos efforts n\u2019auront servi \u00e0 rien.<\/p> Ne succombez pas \u00e0 la solution de facilit\u00e9 suivante\u00a0: je consacre du temps et de l\u2019\u00e9nergie \u00e0 cr\u00e9er une belle landing page pour mettre en valeur une offre et acc\u00e9l\u00e9rer la conversion. Cette landing page remporte un certain succ\u00e8s. Je souhaite lancer une nouvelle campagne, avec un produit similaire. Plut\u00f4t que de cr\u00e9er une nouvelle landing page, j\u2019ajoute simplement un bloc dans la landing page pr\u00e9c\u00e9dente. Non\u00a0!<\/p> Certes, vous allez gagner un peu de temps, mais les r\u00e9sultats peuvent \u00eatre catastrophiques. D\u00e9j\u00e0, vous aurez du mal \u00e0 distinguer le taux de conversion et les autres KPIs de chaque campagne. Ensuite, une bonne landing page ne doit pas \u00eatre modifi\u00e9e, au risque de voir sa performance chuter. Selon HubSpot, les entreprises qui cr\u00e9ent plus de 40 landing pages (donc une landing page par campagne) re\u00e7oivent 12 fois plus de leads que les entreprises qui en cr\u00e9ent moins de 5.<\/p> En d\u00e9veloppant Twilead, nous avons souhait\u00e9 proposer aux entreprises une plateforme unique, tout-en-un, qui cumule les meilleures fonctionnalit\u00e9s marketing, vente et CRM. Objectif\u00a0: permettre aux entreprises de doper leur taux de conversion et de d\u00e9velopper leur activit\u00e9 d\u00e8s le premier mois.<\/p> Twilead vous propose des outils de g\u00e9n\u00e9ration de leads et de marketing automation, avec notamment la possibilit\u00e9 de cr\u00e9er des landing pages, des entonnoirs de vente, des formulaires et des enqu\u00eates. Twilead, ce sont aussi des pipelines de vente et des agendas, une gestion illimit\u00e9e des contacts (CRM) et des outils pour booster votre e-r\u00e9putation. R\u00e9servez votre d\u00e9mo sans plus tarder<\/a>\u00a0!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\tQu\u2019est-ce qu\u2019une landing page\u00a0?<\/h2>
Les 6 grandes familles de landing pages (et des exemples)<\/h2>
#1 La landing page de type \u00ab\u00a0Squeeze\u00a0\u00bb<\/h2>
#2 La m\u00e9ga-landing page (ou long form landing page<\/em>)<\/h3>
#3 Les landing pages de type \u00ab\u00a0Splash\u00a0\u00bb<\/h3>
#4 La landing page Lead Gen (pour Lead Generation)<\/h3>
#5 La landing page de remerciement<\/h3>
#6 La landing page \u00ab\u00a0404\u00a0\u00bb<\/h3>
5 r\u00e8gles d\u2019or pour une landing page qui convertit \u00e0 tour de bras<\/h2>
#1 Le titre \u00ab\u00a0H1\u00a0\u00bb et le \u00ab\u00a0m\u00e9ta titre\u00a0\u00bb\u00a0: deux facteurs cruciaux<\/h3>
#2 Un Live Chat humain ou un chatbot<\/h3>
#3 La page de remerciement n\u2019est pas une option<\/h3>
#4 Le Test & Learn, le secret d\u2019une landing page redoutable<\/h3>
#5 S\u00e9curisez votre formulaire de contact avec une solution de validation<\/h3>
3 erreurs fatales qui plombent vos landings pages (et vos campagnes)<\/h2>
#1 Une landing page non optimis\u00e9e pour le mobile<\/h3>
#2 Un temps de chargement anormalement long<\/h3>
#3 Une seule landing page pour plusieurs campagnes<\/h3>
Twilead, la plateforme marketing tout-en-un qui met votre marketing sur orbite<\/h2>