name: landing-page-generator description: À utiliser quand l'utilisateur souhaite créer, optimiser ou auditer des pages de destination pour des publicités payantes, des emails ou autre trafic. À utiliser également quand l'utilisateur mentionne « landing page », « page de destination », « page PPC », « page SEM », « page de conversion », « page de campagne », « page de capture de leads », « optimisation de landing page », « conversion LP », « funnel une seule page » ou « squeeze page ». Non destiné à la page d'accueil principale du site ; utiliser homepage-generator. tags: [nontechnical, marketing-skills, landing-page-generator, performance, compliance] metadata: version: 1.4.1 ---|---------|----------| | 1. Arrêter le scroll | Capturer l'attention en ~2,6 secondes | Titre principal, sous-titre, image ou vidéo hero | | 2. Gagner la confiance | Preuve sociale avant la demande | Logos, témoignages, notes, nombre de clients | | 3. Expliquer la valeur | Bénéfices, fonctionnalités, cas d'usage | Texte clair ; pour qui, ce que ça fait | | 4. Lever les doutes | Objections | FAQ, garanties, comparaison | | 5. Passer à l'action | CTA primaire unique | Une action claire ; répéter aux points logiques |
Chaque élément doit servir l'une de ces cinq fonctions. Les pages avec plusieurs offres en concurrence génèrent ~266% moins de leads.
Formule de titre
[Pour qui] + [Résultat spécifique] + [Délai/qualificatif]
- À éviter : Promesses abstraites (« Libérez votre potentiel », « Transformez votre entreprise »)
- À préférer : Concret (« Réduisez le traitement des factures de 70 %—sans nouveau logiciel »)
Bonnes pratiques CTA
- Un CTA primaire unique : Pas d'actions en concurrence ; créer une « rue à sens unique » vers la conversion
- Au-dessus de la ligne de flottaison sur mobile : À portée du pouce ; ~65%+ du trafic est mobile
- Texte axé sur la valeur : « Démarrer l'essai gratuit » pas « Soumettre »
- Associer aux signaux de confiance : Nombre de clients, logos ou statistiques à côté du bouton
- Supprimer ou minimiser la navigation : Peut augmenter la conversion de 2–28%
Pages de destination programmatiques (Mise à l'échelle)
Quand vous avez besoin de plusieurs pages de destination (p. ex. par ville, par produit, par intégration), utilisez programmatic-seo : un template + données = centaines ou milliers de LPs. Appliquez la structure de landing page (flux en 5 étapes, CTA, confiance) au template ; voir template-page-generator pour la conception de template. Exemple : LPs « [Produit] pour [Ville] » avec données locales ; pages de signup d'intégration « [App A] + [App B] ».
Types de pages
| Type | Utilisation | Destination CTA |
|---|---|---|
| Click-through | Préparer l'audience avant d'envoyer à l'offre ; idéal pour SaaS, abonnements | pricing-page, products-page, signup |
| Capture de leads | Collecter l'email pour la nurture ; formulaires 5 champs ou moins (les formulaires plus longs causent ~81% d'abandon) | newsletter-signup, contact-page |
| Axée sur le produit | Approfondissement des fonctionnalités et bénéfices ; lancement de produit | products-page, features-page |
| Comparaison | X vs Y ; annonces de mots-clés concurrents ; intention commerciale | alternatives-page, features-page, pricing-page |
| Cas d'usage / Solutions | Pour les produits intégrés difficiles à scinder en outils | features-page, services-page |
| Outils gratuits | Utilitaires autonomes ; génération de leads ; même ICP ; extrait du produit | tools-page-generator ; page d'outil en tant que LP quand elle est protégée |
| Bridge/bonus | Incitatif supplémentaire pour acheter via votre lien | pricing-page, products-page |
| Webinaire/événement | Inscription à l'événement ; collecter les signups avant la session en direct | resources-page (webinaire en tant que ressource) |
Landing page ↔ Types de pages (Contenu et flux)
Puiser du contenu depuis (étapes 2–4) :
- customer-stories-page-generator : Témoignages, cas clients pour la preuve sociale ; snippets Défi→Solution→Résultats
- faq-page-generator : Section FAQ pour traiter les objections ; réutiliser les Q&A liées à la conversion
- features-page-generator : Texte de fonctionnalités axé sur les bénéfices pour l'étape « Expliquer la valeur »
- resources-page-generator : Lead magnet (ebook, template) en échange de l'email ; webinaire en tant que ressource
CTA envoie vers :
- pricing-page-generator : LP click-through → tarification ; signup, essai
- products-page-generator : LP produit → détail du produit ou catalogue
- services-page-generator : LP service → contact, devis, réservation
- contact-page-generator : LP capture de leads → formulaire de contact ; demande de démo B2B
- affiliate-page-generator, creator-program : Signup partenaire = type de landing page
Liens internes :
- Lier LP à homepage (ancre marque) ; about-page (confiance) ; privacy-page (conformité formulaire)
- Éviter les LPs orphelines : assurer au moins un lien interne depuis le sitemap, la nav ou un hub de campagne
Performance et design
- Temps de chargement : Moins de 2,5 secondes ; chaque seconde supplémentaire peut coûter ~7% de conversion
- Mobile-first : Responsive ; CTA visible sans scroll
- Visuels : Image hero ou vidéo peut améliorer la conversion jusqu'à 80%
- Esthétique frontend : Pour la typographie distinctive, le mouvement, la composition spatiale, les arrière-plans—voir brand-visual-generator Frontend Aesthetics
- Divulgation : Divulgation FTC-conforme d'affiliation/rémunération le cas échéant
Checklist pré-livraison
Avant de livrer une landing page, vérifier :
| Catégorie | Vérification |
|---|---|
| Visuel | Pas d'emoji comme icônes (utiliser SVG) ; icônes d'un ensemble cohérent (Heroicons/Lucide) ; les états hover ne causent pas de décalage de mise en page |
| Interaction | Tous les éléments cliquables ont cursor-pointer ; le hover fournit un retour clair ; transitions 150–300ms |
| Accessibilité | Les images ont du texte alt ; les inputs de formulaire ont des labels ; la couleur n'est pas le seul indicateur ; prefers-reduced-motion respecté |
| Mise en page | Pas de scroll horizontal sur mobile ; contenu non caché derrière une nav fixe ; responsive à 375px, 768px, 1024px |
| Performance | Temps de chargement sous 2,5s ; LCP optimisé ; images en WebP/lazy loading le cas échéant |
| Images | Voir image-optimization pour alt, format, responsive, lazy loading |
Format de sortie
- Titre et sous-titre
- Structure (sections flux en 5 étapes)
- Placement des signaux de confiance
- Texte et placement CTA
- Traitement des objections (FAQ, garanties)
- Liens internes (pages de destination)
- Métadonnées SEO (si la page est indexée)
Compétences connexes
- hero-generator : Section hero (étape 1)
- grid, list : Mise en page du contenu sous le hero ; sections, fonctionnalités, témoignages
- cta-generator : Design et placement du bouton CTA
- image-optimization : Alt, WebP, LCP, responsive, lazy loading
- pricing-page-generator : Destination LP click-through ; CTA signup
- faq-page-generator : Section FAQ pour traiter les objections
- howto-section-generator : Section étapes how-to (p. ex. flux de configuration) avant FAQ/CTA
- comparison-table-generator : Section de tableau de comparaison concurrent / traditionnel-vs-moderne ; alignment de message avec les annonces
- homepage-generator : Page d'accueil multi-usage vs landing page mono-objectif ; structure similaire
- paid-ads-strategy : Alignement annonce-vers-page ; quand utiliser les annonces payantes
- alternatives-page-generator : Annonces de mots-clés de marque concurrent → LP comparaison (pas blog)
- programmatic-seo : Mise à l'échelle des landing pages via template + données
- template-page-generator : Structure de template pour LPs programmatiques
- title-tag, meta-description, page-metadata : Métadonnées de landing page