ericrisco/rsc-harness

Landing Copy — Les mots qui convertissent sur une seule page

Accroche, offre, preuve, CTA. Vous écrivez les mots qu’un visiteur lit de haut en bas ; vous ne dessinez pas la mise en page, ne construisez pas la page, et n’écrivez pas l’annonce qui l’a envoyé.

Cette compétence s’occupe de la copie de conversion pour une seule page : un titre principal sous ~8 mots accompagné d’un sous-titre bénéfice, un squelette de page de haut en bas, l’offre énoncée comme un bénéfice, la preuve placée à côté de la demande, et un seul CTA principal répété sans concurrence. C’est un travail de copie. Les pixels sont ceux de design, la construction React/Next est celle de nextjs, l’annonce qui génère le clic est celle de ads.

Quand l’utiliser

• Écrire ou réécrire un héro : H1 + sous-titre + texte du bouton.
• Structurer une page d’atterrissage/vente complète (accroche → problème → offre → preuve → CTA → objections).
• Choisir et rédiger un seul CTA principal et ses instances répétées.
• Transformer des fonctionnalités en bénéfices (« Chiffrement AES-256 » → « votre équipe sécurité approuve en quelques jours »).
• Placer la preuve — témoignages, métriques, logos, garantie — à côté de la demande.
• Faire correspondre le titre de la page avec l’annonce/e-mail qui a généré le clic (message match).
• Sauver une page qui reçoit du trafic mais ne convertit pas — quand l’échec vient des mots.

Quand NE PAS l’utiliser (rediriger vers la compétence concernée)

• Mise en page visuelle, hiérarchie, espacement, système de composants → design (../design/SKILL.md).
• Construction de la page en code, connexion de formulaires, routage → nextjs (../nextjs/SKILL.md) / react.
• Texte de l’annonce Google/Meta payée qui génère du trafic vers la page → ads.
• Le ton, les règles de voix, le lexique, la liste des mots à utiliser/éviter de la marque → brand-voice.
• Le classement dans la recherche organique ou la citation par les moteurs de réponse IA → seo-geo.
• La conception et l’exécution de l’expérience qui sélectionne la variante gagnante → ab-testing.
• L’écriture de l’histoire client autonome en tant qu’actif propre → case-studies.
• Un plan de lancement multicanal, des e-mails de nurturing, ou une stratégie de campagne → marketing (../marketing/SKILL.md).

Limite en une ligne : vous possédez les mots qui convertissent sur une seule page ; ads possède le clic qui arrive, design possède la mise en page dans laquelle ils sont placés, ab-testing possède la preuve de quels mots gagnent.

La réalité de la conversion (calibrer, ne jamais promettre)

Ces chiffres fixent les attentes. Énoncez-les comme une fourchette ; dès que vous promettez un taux de conversion fixe, vous mentez à l’utilisateur.

• La médiane tous secteurs confondus est d’environ 6,6 % ; les pages fortes dans n’importe quel secteur atteignent 10–15 %+. Par secteur, l’écart est large : Événements & Divertissement ~12,3 %, Services Financiers ~8,4 %, SaaS/Tech ~3,8 %, E-commerce ~2,35 %, Services B2B ~1–3 %. Pourquoi : une équipe SaaS à qui on a dit « vous atteindrez 12 % » s’est vu citer la médiane des événements ; citez la fourchette pour leur secteur pour que l’objectif soit réaliste. (Benchmarks CRO Foundry 2026, citant l’analyse d’Unbounce de 464M visites / 41k pages.)
• Les visiteurs décident de rester en ~5 secondes, et ~80 % ne défilent rarement au-delà du premier écran. Pourquoi : le héros est la copie à plus fort levier sur la page — s’il ne répond pas à « qu’est-ce que c’est et pourquoi devrais-je m’y intéresser » avant un défilement, le reste n’est pas lu. (Recherche sur la section héro / études d’attention NN/g 2026.)

Les quatre blocs — l’épine dorsale de la page

Chaque page de conversion est constituée de ces quatre tâches, de haut en bas. Chacune a une question distincte, un emplacement sur la page et un mode d’échec. Diagnostiquez une page morte en identifiant le bloc faible.

Bloc	Doit répondre à	Où il se trouve	Mode d’échec s’il est faible
Accroche	« Qu’est-ce que c’est et pourquoi devrais-je m’y intéresser ? » en <5s	Héro, au-dessus du pli	Le visiteur rebondit avant de défiler ; ~80 % ne voient jamais le reste
Offre	« Qu’est-ce que j’obtiens exactement, et qu’est-ce que ça me coûte ? »	Juste après l’accroche / le problème	Dump de fonctionnalités ; le lecteur ne peut pas dire ce qu’il emporte
Preuve	« Pourquoi devrais-je vous croire ? »	Adjacent à chaque CTA	Les affirmations ressemblent à du marketing ; la confiance ne se forme jamais
CTA	« Quelle est la seule chose à faire ensuite ? »	Héro, répété sur la page	Demandes concurrentes → fatigue de décision → pas de clic

L’accroche

Le H1 porte le quoi ; le sous-titre porte le bénéfice ; les deux doivent faire écho à ce sur quoi le visiteur a cliqué.

• H1 sous ~8 mots / ~44 caractères. La contrainte impose la clarté, et un titre clair bat un titre astucieux à chaque fois. Si vous ne pouvez pas le dire en 8 mots, vous ne comprenez pas encore l’offre.
• Le sous-titre porte le bénéfice — à qui il s’adresse et le résultat qu’il obtient, en une seule proposition.
• Message match : le titre doit faire écho à la promesse de l’annonce/e-mail qui a généré le clic. Aligner une seule affirmation entre l’annonce et la page a produit une augmentation de 66 % du taux de conversion dans des cas documentés (et 212 % rien qu’en corrigeant le message match). Vous faites correspondre la page à l’annonce ; écrire l’annonce est le travail de ads.

Mauvais — « Repensez l’avenir des opérations financières »       (astucieux, 6 mots, ne dit rien)
Bon — « Les notes de frais faites en 30 secondes »               (clair, 5 mots, nomme le résultat)
         Sous-titre : Pour les équipes financières noyées sous les tickets — snap, soumettre, approuvé.

L’offre

Nommez la chose, le résultat et le coût en effort ou en argent. Commencez par le résultat que l’acheteur obtient, puis le mécanisme qui le délivre. Cette transformation fonctionnalité→bénéfice est le changement de copie le plus impactant sur la plupart des pages.

L’échafaudage est FAB — Fonctionnalité → Avantage → Bénéfice — mais vous vous arrêtez au bénéfice qui intéresse le lecteur et le soutenez avec le mécanisme comme preuve, pas l’inverse.

Mauvais — « Notre plateforme dispose d’un chiffrement AES-256 avancé. »
Bon — « Protégez les données clients avec le chiffrement AES-256, pour que votre équipe
         sécurité approuve en quelques jours, pas en mois. »

Règle : chaque ligne de fonctionnalité répond à « et alors ? » avec un résultat. Si elle ne peut pas, supprimez-la.

La preuve

La crédibilité se construit à côté de la demande, pas dans un mur de citations ailleurs.

• 3–5 témoignages spécifiques et nommés, chacun avec un résultat concret. « Super produit ! » ne convainc personne ; « nous avons réduit le temps de clôture de 9 jours à 2 — Maria, CFO chez Lumen » le fait. Le spécifique bat le superlatif.
• Placez la preuve adjacente au CTA principal. La preuve sociale à côté de la demande a augmenté la conversion d’environ 68 % dans des cas documentés ; les avis/témoignages sont décisifs pour ~93 % des acheteurs et ~88 % leur font autant confiance qu’à une recommandation personnelle. Pourquoi : la croyance et la décision se produisent au même moment — mettez la preuve là où se trouve le clic.
• Les chiffres, les logos reconnaissables et une inversion du risque (remboursement, pas de carte requise) sont aussi une preuve. Un seul chiffre concret pèse plus lourd que trois adjectifs.
• Ne fabriquez jamais de preuve. Si une métrique, une citation ou un logo n’est pas réel, marquez [[BESOIN DE PREUVE]] et demandez à l’utilisateur — ne l’inventez pas.

Mauvais — « Adoré par les équipes partout. Résultats de classe mondiale ! »
Bon — « Nous avons réduit le temps de traitement des notes de frais de 82 % dès le premier mois. »
         — Maria Ortiz, CFO, Lumen (équipe financière de 47 personnes)

Le CTA

Une seule action principale, centrée sur un verbe, répétée — pas variée — sur la page.

• Un seul CTA principal par page. Des demandes concurrentes entraînent une fatigue de décision et une baisse de la conversion. La même action apparaît dans le héros et à nouveau à chaque point de décision ; des liens secondaires peuvent exister mais ne doivent pas concurrencer visuellement ou verbalement le CTA principal.
• Des verbes d’action, jamais « Envoyer ». « Commencer l’essai gratuit », « Obtenir mon devis », « Voir les offres » — le bouton énonce la valeur, pas l’action du formulaire.
• La formulation à la première personne augmente souvent les clics : « Commencer mon essai gratuit » se lit comme l’intention propre du visiteur. Associez le bouton à une ligne de micro-copie réduisant les frictions (« Pas de carte de crédit requise »).

Mauvais boutons — [Envoyer]            [En savoir plus]        [Contacter les ventes]
Bons boutons — [Commencer mon essai gratuit]  ...répété...  [Commencer mon essai gratuit]
                en dessous : Pas de carte de crédit. Annulez à tout moment.

Cadres comme échafaudages (remplir avec les mots du lecteur)

Ce sont des squelettes à remplir avec le langage réel de l’acheteur, pas des modèles à remplir :

• PAS — Problème → Agitation → Solution. Idéal pour un trafic conscient de la douleur.
• AIDA — Attention → Intérêt → Désir → Action. Large haut de l’entonnoir.
• BAB — Avant → Après → Pont. Histoires de transformation.
• FAB — Fonctionnalité → Avantage → Bénéfice. Le bloc de l’offre.

Pile courante : Accroche PAS/AIDA → Offre FAB → Preuve → CTA. Le degré d’agitation du problème avant l’offre dépend de la température du trafic (froid a besoin de plus, chaud va directement à l’offre). Explications complètes avec des exemples frais et la note sur le stade de conscience → references/frameworks.md.

Anti-patrons → correction

Rationalisation	Réalité / Correction
« Un titre astucieux se démarquera »	Astucieux n’est pas clair. Nommez le résultat en <8 mots ; clair bat astucieux.
« Plus de fonctionnalités = plus de valeur montrée »	Les dumps de fonctionnalités enterrent le bénéfice. Commencez par le résultat, puis le mécanisme.
« Donnez-leur plusieurs CTA parmi lesquels choisir »	Le choix tue la conversion. Une seule action principale, répétée, pas variée.
« N’importe quels témoignages feront l’affaire »	Les éloges génériques ne convainquent pas. 3–5 citations nommées avec un résultat concret, près du CTA.
« De classe mondiale, à la pointe, révolutionnaire »	Les mots creux signalent une copie générée par IA. Remplacez par un chiffre ou un résultat nommé.
« La page peut dire ce qu’elle veut »	Si le titre ignore la promesse de l’annonce, vous perdez le gain du message match. Faites écho au clic.
« Promettez-leur un taux de conversion de 12 % »	Ne promettez jamais un chiffre fixe. Citez la fourchette pour leur secteur.
« Je vais inventer une métrique plausible »	Jamais. Marquez [[BESOIN DE PREUVE]] et demandez à l’utilisateur.

Squelette de page + exemple travaillé

Le squelette annoté de haut en bas (accroche → problème → offre → preuve → CTA → objections/FAQ → CTA final), avec un exemple B2B SaaS entièrement travaillé et les emplacements variables marqués, se trouve dans references/page-skeleton.md. Commencez par là lorsque vous écrivez une page complète plutôt qu’un seul bloc.

Vérifiez votre copie

Exécutez scripts/verify.sh sur le fichier que vous avez écrit (ou votre projet) avant de déclarer terminé. C’est un contrôle statique en lecture seule, sans dépendances : longueur du H1, exactement un verbe de CTA principal (signale les demandes concurrentes), présence d’un bloc de preuve et d’un sous-titre bénéfice, une liste d’interdiction des phrases creuses/indicatives d’IA, et un avertissement « Envoyer ». Il avertit sur les problèmes légers et se termine avec un code non nul uniquement sur les problèmes durs (pas de CTA, pas de preuve). C’est un filet de sécurité, pas le jugement — le tableau des quatre blocs l’est.

Voir aussi

• ../design/SKILL.md — les pixels : mise en page, hiérarchie, le système visuel dans lequel les mots sont placés.
• ../nextjs/SKILL.md — la construction : rendu de la page en code.
• ../marketing/SKILL.md — la campagne plus large : séquences d’e-mails, canaux, arc de lancement.
• ads — le texte de l’annonce payée qui génère le clic (redirigez ici ; vous ne faites que faire correspondre la page à l’annonce).
• ab-testing — l’expérience qui prouve quel titre/CTA gagne.
• case-studies · brand-voice · seo-geo — l’actif de preuve, les règles de voix, la couche de recherche.
• Références : references/frameworks.md, references/page-skeleton.md.