Comment créer une landing page WordPress sans builder

Voici comment créer une landing page WordPress : construisez une seule page avec un seul objectif, retirez-lui l'en-tête et le pied de page du site, puis assemblez-la à partir de motifs de blocs dans un thème en blocs. Une première version propre demande environ un après-midi. Ce qui fait décoller la conversion n'est pas l'outil que vous choisissez, mais ce que vous retirez de la page.

Ce folio suit l'ordre dans lequel un praticien travaille : l'objectif, le gabarit, les sections, le formulaire, le budget de vitesse, puis les vérifications avant publication.

Qu'est-ce qui distingue une landing page d'une autre page ?

Une landing page a un seul travail. Un visiteur arrive depuis une publicité, un courriel ou un résultat de recherche, et la page lui demande une seule action : s'inscrire, réserver un appel, télécharger un fichier, acheter.

Tout le reste est une distraction. Le menu principal, la barre latérale, le flux des articles et le pied de page aux vingt liens sont autant de sorties. Sur une page classique, ces éléments aident à explorer le site. Sur une landing page, ce sont des issues.

La référence utile vient du rapport de référence sur la conversion d'Unbounce, qui situe la médiane des landing pages à 6,6 % tous secteurs confondus. Prenez ce chiffre comme un repère, pas comme une promesse. Une page sous les 2 % a presque toujours un problème d'offre, de vitesse ou de formulaire, bien avant un problème de couleur de bouton.

Écrivez l'objectif en une phrase avant d'ouvrir l'éditeur. « Les visiteurs venus de la lettre d'information de mars réservent un audit de 20 minutes. » Si vous n'arrivez pas à écrire cette phrase, vous n'êtes pas prêt à construire.

Avec quel outil la construire ?

Quatre options honnêtes s'offrent à vous, et chacune correspond à un type de projet différent.

L'éditeur de blocs natif, associé à un thème en blocs, est le plus léger. Vous obtenez un balisage propre, aucune dépendance supplémentaire et des motifs réutilisables sur le prochain site client. Il exige davantage de décisions de mise en page de votre part. Si vous hésitez avec un constructeur visuel, notre comparatif Gutenberg contre Elementor chiffre les compromis.

Un constructeur de pages offre davantage de contrôle visuel et une bibliothèque de modèles, au prix d'un balisage plus lourd et d'une extension dont vous devenez dépendant. Divi en est l'exemple historique. Il convient à une agence qui produit beaucoup de pages et veut un outil unique et familier.

Un générateur de sites par IA produit une page entière à partir d'une consigne. 10Web le fait directement dans WordPress, et le brouillon obtenu constitue un point de départ honnête. Attendez-vous à réécrire les textes et à reprendre la structure. Nous détaillons les limites de cette approche dans l'IA pour WordPress.

Un outil de landing page hébergé se situe hors de WordPress. Webflow en est un exemple, avec un fort contrôle visuel et son propre hébergement. Cela vaut le coût si la page vit à part de votre site WordPress. Passez votre chemin si la page doit partager votre thème, vos statistiques et la structure de vos domaines.

Le reste de ce guide utilise l'éditeur natif, parce que c'est l'option qui vous apprend le plus et qui coûte le moins. Les étapes se transposent à n'importe quel constructeur.

Comment préparer la page et la dépouiller ?

Créez la page depuis Pages, puis Ajouter. Donnez-lui un titre simple qui reprend l'offre, et un slug court. Un slug comme /audit vaut mieux que /landing-page-mars-v2, à chaque fois.

Occupez-vous ensuite du gabarit. Un thème en blocs permet d'affecter un gabarit à chaque page, et une landing page a besoin d'un gabarit sans en-tête, sans pied de page et sans bloc de titre. De nombreux thèmes en blocs proposent un gabarit « Vide » ou « Page sans titre ». Si le vôtre n'en propose pas, ouvrez l'éditeur de site, allez dans Modèles, ajoutez un gabarit personnalisé et construisez-le à partir d'un seul bloc Contenu de l'article.

Ce gabarit unique est la chose la plus utile que vous fabriquerez dans ce projet. Nommez-le « Landing » et réutilisez-le pour chaque page de campagne du site.

Vérifiez la largeur de mise en page dans theme.json. Une landing page se lit mieux dans une colonne étroite pour le texte, les blocs larges étant réservés au héros et à la section de preuves. Si votre thème définit une largeur de contenu et une largeur étendue, utilisez les deux à dessein : le texte dans la colonne étroite, les images et les colonnes dans la largeur étendue.

Marginalia : l'affectation de gabarit décrite ici fonctionne sur WordPress 6.5 et plus récent. Les anciens thèmes en blocs l'exposent dans un autre menu.

Quelles sections la page nécessite vraiment ?

Moins que la plupart des modèles ne le suggèrent. Une page qui demande une seule action a besoin d'une séquence courte, et chaque section répond à une question que le visiteur se pose.

Construisez-les dans cet ordre, sous forme de motifs que vous pourrez enregistrer et réutiliser :

• Un héros avec la promesse, une ligne d'appui et le bouton.

• Des preuves près du haut de la page : une citation de client, un chiffre ou un travail client reconnaissable.

• L'offre en trois points courts, formulés comme des résultats.

• Le formulaire ou le second bouton.

• Un court bloc de réponses aux deux objections que vous entendez le plus souvent.

Pour le héros, utilisez un bloc Couverture ou Groupe, avec un titre, un paragraphe et un bloc Boutons. Gardez le titre à la hauteur d'une promesse qu'un inconnu lit en trois secondes. Nommez la chose, nommez le résultat. Évitez l'astuce qui exige une seconde lecture.

Rédigez le libellé du bouton comme l'action elle-même : « Réserver l'audit », « Télécharger la liste de contrôle ». Un libellé générique comme « Envoyer » vous fait perdre le contexte que le titre a construit.

Si vous travaillez avec un outil de rédaction par IA, utilisez-le pour la première version des textes et pour les variantes du titre, puis relisez chaque ligne vous-même. Il invente des preuves qu'il n'a pas. Ne laissez jamais un témoignage ou une statistique générés atteindre la page sans vérification, car une citation fabriquée sur une landing page est le moyen le plus rapide de perdre la confiance.

Une fois une section fonctionnelle, sélectionnez-la et choisissez Créer un motif dans le menu du bloc. À la campagne suivante, vous assemblerez la page à partir de vos propres motifs en dix minutes, au lieu de tout reconstruire.

Comment construire le formulaire ?

WordPress ne propose pas de bloc formulaire dans son cœur. C'est donc le seul endroit où vous aurez besoin d'une extension. Toute extension de formulaire maintenue fera l'affaire. La forme du formulaire compte davantage que son éditeur.

Ne demandez que ce dont vous avez besoin pour faire le suivi. Pour une lettre d'information ou un téléchargement, une adresse courriel suffit. Pour une réservation d'appel, ajoutez un nom et une question de qualification au maximum. Chaque champ supplémentaire réduit le nombre de formulaires remplis, et le reste peut attendre le premier contact.

Placez le formulaire là où la décision se prend. Sur une page courte, c'est juste sous l'offre. Sur une page plus longue, répétez le bouton après la section de preuves et renvoyez-le vers le même formulaire.

Configurez ensuite la partie que l'on oublie souvent : l'état de remerciement. Redirigez vers une courte page de confirmation, ou affichez un message en ligne qui indique ce qui se passe ensuite et quand. Ajoutez votre événement d'analyse à cet endroit, pour que la conversion soit comptée à la confirmation et non au clic.

Testez enfin le formulaire depuis un téléphone, avec une vraie adresse, et vérifiez que le courriel arrive. Une landing page dont le formulaire est cassé fait pire que pas de page du tout : elle consomme votre budget publicitaire et ne rapporte rien.

À quelle vitesse la page doit-elle charger ?

Plus vite que le reste de votre site. Les visiteurs venus d'une publicité n'ont pas encore de fidélité envers vous, et un premier écran lent met fin à la visite avant que le titre ne soit lu.

Les recommandations de Google sur le Largest Contentful Paint considèrent 2,5 secondes ou moins comme un bon score. Sur une landing page, le plus grand élément est en général l'image du héros ou le bloc de titre. C'est là qu'il faut regarder en premier.

Une courte liste de contrôle, par ordre d'impact :

• Compressez l'image du héros et servez-la en WebP, dimensionnée à la largeur à laquelle elle s'affiche.

• Ne chargez pas en différé la première image de la page. WordPress l'évite pour l'image attendue au-dessus de la ligne de flottaison, mais vérifiez-le dans le HTML rendu, surtout si un bloc Couverture est en jeu.

• Hébergez une ou deux polices et supprimez les graisses inutilisées. Une police variable remplace plusieurs fichiers par un seul.

• Chargez les scripts uniquement là où ils servent. Une extension de formulaire qui se charge sur chaque page doit être limitée à la page qui porte le formulaire.

• Évitez les diaporamas, les vidéos en lecture automatique et les animations lourdes au-dessus de la ligne de flottaison.

Mesurez avant et après avec PageSpeed Insights sur l'URL en ligne, avec les réglages mobiles et le cache activé, tel qu'un visiteur le voit. Pour l'ensemble des correctifs, accélérer un site WordPress les classe par impact, et l'audit de terrain sur la performance WordPress montre comment lire les chiffres.

La page fonctionne-t-elle sur téléphone et dans la langue de vos lecteurs ?

La plupart du trafic publicitaire et des courriels arrive sur téléphone. Concevez donc d'abord l'écran étroit, puis vérifiez le large. Ouvrez la page sur un appareil réel. Regardez la taille des boutons, l'espacement entre les zones tactiles et si le formulaire ouvre le bon clavier pour chaque champ.

Affichez la page en mise en page miroir si une partie de votre public lit de droite à gauche. Les lecteurs arabes et hébreux attendent que le héros, le bouton et le formulaire s'écoulent depuis la droite. Les thèmes en blocs dotés de bonnes feuilles de style RTL gèrent l'essentiel, mais testez l'espacement, le placement des icônes et le style des citations dans la vue miroir.

Choisissez une police qui possède de vrais glyphes arabes ou hébreux plutôt qu'une police de remplacement. Une page soignée en français et bancale en arabe dit à tout un public que l'offre n'a pas été écrite pour lui.

Si vous gérez deux langues, construisez deux landing pages distinctes, chacune avec son propre texte. Ne traduisez pas le titre mot à mot. Une promesse qui fonctionne dans une langue demande souvent une autre forme dans l'autre.

Que vérifier avant de publier ?

Parcourez cette liste sur la page en ligne, déconnecté, dans une fenêtre privée :

• La page a un seul objectif et un seul bouton principal, répété deux fois au plus.

• L'en-tête, le pied de page et la barre latérale ont disparu.

• Le titre, la méta-description et l'image de partage sont renseignés et correspondent à la publicité qui envoie les visiteurs ici.

• Le formulaire s'envoie, l'état de remerciement apparaît et la conversion est suivie.

• La page réussit un test de vitesse mobile et se lit proprement à 360 pixels de large.

• Chaque image a un texte alternatif, et le contraste du texte du bouton est lisible.

Décidez ensuite si la page doit être indexée. Une page conçue pour une campagne payante peut porter une balise noindex pour ne pas concurrencer vos pages principales. Une page destinée au classement doit figurer dans le plan du site et mérite un titre de recherche soigné.

Après le lancement, ne changez qu'une chose à la fois. Réécrivez d'abord le titre, car il porte le plus de poids, et laissez à chaque version assez de visiteurs avant de juger. Deux semaines de trafic régulier vous en disent plus que deux jours d'enthousiasme.

Que ferions-nous, concrètement ?

Commencez par la phrase d'objectif unique, le gabarit Landing et cinq sections. Renoncez au constructeur de pages tant que l'éditeur natif suffit. Consacrez vos efforts à l'offre, au titre et à la vitesse, parce que ce sont eux qui font bouger le chiffre.

Ouvrez l'éditeur de site, nommez le gabarit Landing et construisez le héros avant tout le reste.