Comment structurer une landing page qui convertit
L'ordre des sections compte plus que leur design. Voici la structure qui marche pour 90 % des cas, et quand s'en écarter.
- Type
- Guide
- Lecture
- 10 min
- Étapes
- 7
- Mis à jour
- mai 2026
Les 7 étapes
- 01
Écrire le Section Plan avant tout
Avant de toucher au design ou à la copy, listez sur papier les sections de la page dans l'ordre. C'est ce qu'Eufya appelle un Section Plan : un macro choix qui détermine 80 % de la performance finale. Une section ajoutée ou retirée à mi-parcours coûte 10 fois plus cher qu'à ce stade. Le Section Plan tient en une demi-page : nom de section, objectif, longueur estimée. Exemple : 1. Hero (promesse, CTA), 2. Pour qui (qualifier audience), 3. Bénéfices (3 max), 4. Comment ça marche (3 étapes), 5. Preuve (logos + testimonials), 6. FAQ (6 questions), 7. CTA final. Sept sections suffisent pour 90 % des landings.
TipSi votre Section Plan dépasse 10 sections, vous êtes en train de construire un site, pas une landing. Coupez ou éclatez en plusieurs pages.
- 02
Commencer par le hero qui pose la promesse
Section 1 : le hero. Son rôle est de répondre à "qu'est-ce que c'est, pour qui, pourquoi maintenant" en 5 secondes. Il contient titre (H1), sous-titre, CTA primaire, et idéalement une preuve sociale légère (logos clients ou rating). Le hero occupe le viewport above the fold sur desktop (1366x768) et mobile (375x667). N'y entassez pas de features — le hero promet, le reste prouve. Un hero qui dépasse 2 lignes de titre + 3 lignes de sous-titre est presque toujours trop chargé. Coupez.
TipSi le hero ne tient pas above the fold sur un MacBook Air, réduisez le padding vertical avant de réduire les tailles de texte. L'espace est l'ennemi visible.
- 03
Qualifier l'audience (optionnel mais puissant)
Section 2 (optionnelle) : "Pour qui". Particulièrement utile si votre produit s'adresse à une audience précise (les agences, les coachs, les médecins). Format : un titre court ("Conçu pour les agences créatives") + 3 ou 4 bullets qui décrivent les personas. Cette section qualifie : si le visiteur n'est pas dans la cible, il part vite (et c'est tant mieux pour vos coûts d'acquisition). Si oui, il se reconnaît et reste. Utilisez "vous" et des verbes au présent. Évitez les listes abstraites ("les leaders d'opinion"). Préférez les actions concrètes ("Vous gérez 5 à 20 clients").
TipSkippez cette section si votre audience est très large (B2C grand public). Elle est précieuse en B2B et services pro, moins en consumer.
- 04
Présenter les bénéfices (pas les features)
Section 3 : les bénéfices clés, 3 maximum. Un bénéfice = un résultat pour l'utilisateur, pas une feature technique. Mauvais : "API REST avec webhooks". Bon : "Connectez votre stack en 5 minutes via API". Format : un titre par bénéfice (verbe + résultat), un paragraphe court (30-50 mots), un visuel ou icône. Trois bénéfices forcent à hiérarchiser et restent mémorisables. Au-delà, la perception devient "trop de promesses, sûrement bidon". L'ordre des bénéfices : du plus émotionnel au plus rationnel, ou inverse selon votre audience.
TipPour chaque bénéfice, demandez-vous "et alors ?". Si la réponse n'est pas évidente, ce n'est pas un bénéfice, c'est une feature. Reformulez côté impact utilisateur.
- 05
Expliquer "comment ça marche" en 3 étapes
Section 4 : "Comment ça marche". Trois ou quatre étapes simples, numérotées, avec une phrase descriptive chacune. Cette section désarme l'objection "ça a l'air compliqué". Format : "1. Décrivez votre projet en 60 secondes. 2. L'IA génère 4 variantes scorées. 3. Vous choisissez, polish, exportez." Ajoutez un visuel par étape si possible (capture, illustration, GIF court). La section "comment ça marche" rassure parce qu'elle rend le produit concret. Sans elle, le visiteur reste dans l'abstrait et hésite à s'engager.
TipÉvitez les processus en 7 étapes — sentent l'usine à gaz. Si vous avez plus de 4 étapes, regroupez par phase ou retirez les détails techniques.
- 06
Renforcer avec la preuve sociale
Section 5 : la preuve sociale. Combinez plusieurs formats : logos clients (5 à 8, en ligne, monochromes), 2 à 3 testimonials longs avec nom + photo + entreprise, métriques chiffrées ("3 500 sites lancés", "92 % de taux de complétion"), badges G2/Capterra/Trustpilot avec rating. La preuve doit être réelle et vérifiable — la charte anti-slop interdit les faux logos et les testimonials inventés. Si vous démarrez et n'avez pas de preuve sociale forte, optez pour de la preuve indirecte : presse, équipe, vision, soutiens publics, technologies reconnaissables.
TipUn testimonial avec photo et entreprise lisible vaut dix testimonials anonymes. Investissez le temps d'avoir 2-3 bons quotes plutôt que 10 fades.
- 07
Anticiper avec FAQ et CTA final
Section 6 : FAQ. Listez les 6 à 8 questions réelles que vos prospects posent (parlez à votre équipe sales ou support). Format Q/A, réponses courtes (50-90 mots), pas de jargon. La FAQ désarme les dernières objections : prix caché ? engagement ? export possible ? compatibilité ? remboursement ? Elle aide aussi le SEO (schema.org FAQPage) et la citation GEO (ChatGPT cite souvent les Q/A bien formatées). Section 7 : CTA final, court et direct. Un titre type "Prêt à lancer ?", un bouton (le même verbe que le hero), une mention rassurante ("Gratuit, sans CB").
TipLe CTA final ne doit pas introduire un nouveau choix. Si le hero dit "Commencer gratuitement", le CTA final dit exactement la même chose. Cohérence = clarté.
Variantes par type de produit
Cette structure marche pour 90 % des landings, mais s'adapte. SaaS B2B avec essai gratuit : ajoutez "Intégrations" entre bénéfices et preuve sociale. E-commerce produit : ajoutez "Caractéristiques techniques" et "Livraison/Retours" avant la FAQ. Service local (resto, clinique) : "Localisation" et "Horaires" après bénéfices, "Réservation" comme CTA final. Coach/Consultant : "À propos de moi" est crucial après bénéfices — l'expertise du fondateur est l'argument principal.
Pour une waitlist ou coming-soon, la structure est radicalement raccourcie : hero + 3 bénéfices teasés + preuve indirecte (équipe, vision) + formulaire email. Inutile de faire 7 sections quand le produit n'est pas encore là.
Pourquoi cet ordre fonctionne
L'ordre des sections correspond au parcours cognitif du visiteur. Hero répond à "qu'est-ce que c'est". Pour qui répond à "ai-je le bon endroit". Bénéfices répondent à "qu'est-ce que j'y gagne". Comment ça marche répond à "est-ce simple". Preuve répond à "est-ce que d'autres me ressemblent l'ont fait". FAQ répond à "et si...". CTA final convertit la décision déjà mûrie.
Changer l'ordre rompt le rythme. Mettre la FAQ avant les bénéfices crée du doute trop tôt. Mettre la preuve avant la promesse est inutile (preuve de quoi ?). Le seul ordre qui fonctionne presque toujours est le séquentiel : poser, qualifier, promettre, montrer, prouver, rassurer, convertir.
Longueur de page : courte ou longue
Débat classique : faut-il une landing courte (5 sections, scroll rapide) ou longue (15 sections, scroll narratif). La réponse dépend du prix et de la complexité. Achat impulsif < 100 € : page courte, focus sur le hero et la preuve. Achat considéré 500-5000 € : page moyenne (7-10 sections), avec FAQ et études de cas. Achat enterprise > 10 000 €/an : page longue (15+ sections) avec sécurité, conformité, témoignages détaillés, ROI calculé.
La règle empirique : plus le ticket est élevé, plus la page doit répondre à d'objections, donc plus elle est longue. Mais "longue" ne veut pas dire "verbeuse" — chaque section doit avoir un rôle précis. Une page de 10 sections concises bat une page de 5 sections boursouflées.
Pièges à éviter
- Sauter le Section Plan et commencer par le design — vous designez sans direction.
- Plus de 10 sections sur une landing — vous construisez un site, pas une page.
- Mettre la preuve sociale après la FAQ — la preuve doit venir avant que les doutes n'arrivent.
- FAQ avec questions inventées ("Pourquoi nous choisir ?") — utilisez les vraies questions de vos prospects.
- CTA final différent du CTA hero — créez une dissonance cognitive et perdez des clics.
- Skipper "Comment ça marche" pour un produit non évident — vous laissez l'objection "compliqué" non traitée.
- Sections sans transition narrative — chaque section doit "appeler" la suivante, pas juste exister.
Questions fréquentes
Appliquer ce guide avec Eufya
Si ce guide vous a aidé : 3 crédits gratuits à l'inscription. Le pipeline Eufya applique ces principes automatiquement, Hero Lab + section plan + quality gates.