TL;DR : Comment créer une page 404 personnalisée dans WordPress
Une page 404 s'affiche lorsqu'un visiteur arrive sur une URL manquante ou incorrecte. Un modèle de page d'erreur 404 personnalisé le maintient sur votre site au lieu de le perdre définitivement.
- Qu'est-ce qu'une page 404 : La page « page non trouvée » que votre serveur affiche lorsqu'une URL n'existe pas. Sans personnalisation, c'est une impasse.
- Pourquoi la personnaliser : Une page d'erreur personnalisée réduit le taux de rebond, protège votre réputation et peut générer des prospects au lieu de perdre des visiteurs.
- La méthode du plugin : SeedProd est un constructeur de sites web par glisser-déposer pour WordPress, doté de modèles de pages 404 que vous pouvez personnaliser sans toucher au code.
- Étapes clés : Installez SeedProd, choisissez un modèle d'erreur 404, personnalisez votre design dans le constructeur visuel, puis activez-le depuis le tableau de bord SeedProd.
- Angle de l'aimant à prospects : Ajoutez des appels à l'action, des présentations de produits, des pop-ups de sortie ou une inscription par e-mail pour transformer la page de lien brisé en opportunité de conversion.
- Surveillez les erreurs : Utilisez le vérificateur de liens brisés d'AIOSEO ou le plugin Redirection pour trouver et corriger les liens brisés qui provoquent les 404 en premier lieu.
Si vous êtes déjà tombé sur une page 404, vous savez à quel point cela peut être frustrant. J'avais l'habitude de penser qu'il s'agissait de voies sans issue, mais maintenant je les utilise pour retenir les visiteurs sur mon site et les ramener vers quelque chose d'utile.
Dans ce guide, je vais vous montrer comment créer une page 404 personnalisée dans WordPress qui n'est pas seulement fonctionnelle, mais utile. Vous apprendrez à en concevoir une qui correspond à votre marque, qui oriente les gens dans la bonne direction et qui peut même vous aider à collecter des prospects.
Table des matières
- Qu'est-ce qu'une page d'erreur 404 ?
- Quels sont les avantages d'une page 404 personnalisée dans WordPress ?
- Comment créer une page 404 dans WordPress
- Façons de transformer votre page 404 WordPress en un aimant à prospects
- Questions fréquemment posées sur les pages 404 personnalisées
Qu'est-ce qu'une page d'erreur 404 ?
Une page d'erreur 404 est la page manquante que votre serveur renvoie lorsqu'un visiteur demande une URL qui n'existe pas. Le code d'état HTTP 404 est la façon dont le web dit « J'ai cherché, et cette page n'est pas là ».
Votre site peut déclencher cette page d'erreur personnalisée lorsqu'une connexion d'un utilisateur est interrompue, qu'un domaine n'existe plus, que quelqu'un tape une mauvaise URL ou que vous modifiez un permalien sans configurer de redirection.
Quels sont les avantages d'une page 404 personnalisée dans WordPress ?
Une page de lien brisé est un moment où vous pouvez soit perdre un visiteur de façon permanente, soit le rediriger vers un endroit utile. Voici ce qui est en jeu lorsque vous laissez la page d'erreur par défaut en place :
- Budget d'exploration et SEO : Un taux élevé de 404 peut nuire à votre budget d'exploration et à l'expérience utilisateur, ce qui affecte les classements au fil du temps.
- Croissance plus lente : Vous pourriez perdre un client potentiel qui est arrivé sur votre site pour effectuer un achat. La perte de clients potentiels signifie moins de conversions, ce qui à son tour signifie une croissance lente.
- Mauvaise image de marque : En offrant une mauvaise expérience utilisateur aux visiteurs, vous affectez l'image de votre marque. Lorsque cela se produit, les gens cesseront de faire confiance à votre marque et éviteront d'acheter chez vous.
Généralement, si les gens ont une bonne expérience avec votre site web, ils voudront y revenir. Mais une page d'erreur 404 par défaut n'offre pas grand-chose.
Vous pouvez éviter de perdre des prospects et des clients potentiels en concevant un modèle de page d'erreur 404 personnalisé qui aide les visiteurs à trouver ce dont ils ont besoin. C'est un moyen efficace de retenir les visiteurs et de maintenir la réputation de votre marque.
Comment créer une page 404 dans WordPress
Il existe plusieurs façons de créer une page 404 personnalisée dans WordPress. Vous pouvez modifier directement le fichier 404.php dans le répertoire de votre thème, mais cela nécessite une bonne connaissance de PHP et des fichiers de thème. Pour la plupart des propriétaires de sites, un plugin est plus rapide et ne risque pas de casser votre thème.
Le plugin que j'utiliserai pour ce guide est SeedProd, le meilleur constructeur de sites web par glisser-déposer pour WordPress. SeedProd est un constructeur de sites web par glisser-déposer pour WordPress avec plus d'un million d'installations actives. Vous disposez d'un éditeur visuel où chaque modification s'affiche en direct, et les modèles de page 404 sont prêts à être personnalisés sans toucher à une seule ligne de code.
Avec SeedProd, vous pouvez concevoir une page 404 personnalisée avec un message, une image et un CTA pour encourager les visiteurs à rester sur votre site. Suivez les étapes ci-dessous pour créer la vôtre sans code ni CSS.
Étape 1. Installer et activer SeedProd
Tout d'abord, rendez-vous sur le site web de SeedProd et téléchargez le plugin. Bien qu'il existe une version gratuite de SeedProd, vous aurez besoin du plugin premium car il vous permet de remplacer le modèle d'erreur 404 intégré à votre thème.
Si vous avez besoin d'aide pour cela, consultez notre documentation sur l'installation et l'activation de SeedProd. Elle couvre l'installation du plugin et l'activation de votre clé de licence.
Étape 2. Choisir un modèle de page 404
Une fois le plugin activé, accédez à SeedProd » Pages de destination depuis votre tableau de bord WordPress. Ensuite, dans la section « Page 404 », cliquez sur le bouton « Configurer une page 404 ».
Sur l'écran suivant, vous pouvez choisir un modèle de page 404 préconçu. SeedProd filtrera automatiquement les modèles pour afficher toutes les conceptions de pages 404 disponibles.
Vous pouvez cliquer sur la loupe pour prévisualiser un design ou cliquer sur l'icône de coche pour choisir un modèle spécifique.
Nous utilisons le modèle de page 404 « Fist Bump », mais vous pouvez choisir n'importe quel design ou créer des modèles à partir de zéro.
Étape 3. Personnaliser votre page 404 WordPress
Après avoir choisi votre modèle, vous verrez l'éditeur de page par glisser-déposer où vous pourrez personnaliser votre page 404. Sur le côté gauche, vous verrez les blocs et les sections que vous pouvez ajouter à votre design. Sur la droite se trouve un aperçu en direct de votre page.
La plupart des modèles 404 de SeedProd contiennent déjà plusieurs blocs WordPress qui forment le cœur du design. Pour les personnaliser, cliquez pour mettre en surbrillance un bloc dans votre mise en page et apportez des modifications à l'aide des paramètres du panneau de gauche.
Pour ajouter de nouveaux blocs à votre design, trouvez le bloc dans le menu de gauche et faites-le glisser sur votre page.
Lorsque les visiteurs arrivent sur votre page 404, ils peuvent avoir besoin d'aide pour comprendre comment ils y sont arrivés et ce qu'il faut faire ensuite. Il est conseillé d'ajouter un texte expliquant que ce qu'ils recherchent ne peut pas être trouvé et suggérant plusieurs actions à entreprendre.
Comme notre modèle contient déjà un bloc Titre et un bloc Texte, cliquez dessus pour mettre à jour le contenu avec votre message personnalisé.
Dans l'image suivante, nous avons ajouté un message suggérant de visiter le blog ou d'utiliser la barre de recherche pour trouver quelque chose de plus spécifique.
Regardons maintenant comment ajouter un bouton pour visiter le blog et une barre de recherche. Tout d'abord, trouvez le bloc Colonne dans le panneau de gauche et faites-le glisser sur votre mise en page.
Choisissez l'option de mise en page à 2 colonnes. C'est là que vous placerez de nouveaux éléments côte à côte sur la page.
Faites glisser le bloc Bouton dans votre première colonne. Dans les paramètres du bloc, vous pouvez modifier le texte du bouton et ajouter l'URL de votre page de blog.
Cliquez sur l'onglet Avancé pour modifier d'autres paramètres, notamment la couleur, le style, l'espacement du bouton, et plus encore.
Pour ajouter une barre de recherche dans la deuxième colonne, recherchez le bloc Formulaire de recherche et suivez le même processus. Vous pouvez même modifier la couleur d'arrière-plan de la ligne pour que vos éléments d'action se démarquent.
Voici d'autres façons d'améliorer le contenu de votre page 404 :
- Utilisez MonsterInsights et le bloc Shortcode de SeedProd pour afficher les articles populaires sur votre page 404 automatiquement.
- Affichez les produits WooCommerce populaires pour augmenter les ventes de votre e-commerce. Si vous gérez une boutique WooCommerce, le modèle 404 de SeedProd vous permet d'ajouter des recommandations de produits directement sur votre page d'erreur, afin qu'un visiteur qui accède à une URL de produit manquante puisse voir des articles similaires à la place.
- Utilisez le bloc Formulaire de contact pour recueillir des commentaires auprès des visiteurs de la page 404.
Lorsque vous êtes satisfait de l'apparence de votre nouvelle page, cliquez sur le bouton Enregistrer dans le coin supérieur droit, puis dans le menu déroulant, sélectionnez l'option « Enregistrer sous forme de modèle ».
Donnez un nom à votre modèle de page 404 personnalisé, cliquez sur le bouton Enregistrer le modèle, puis revenez à l'éditeur.
Étape 4. Activez votre page 404 WordPress
Une fois votre conception de page 404 personnalisée en place, cliquez sur l'icône X dans l'éditeur pour revenir à votre tableau de bord d'administration WordPress. Vous verrez une fenêtre contextuelle vous demandant si vous souhaitez activer la page immédiatement. Cliquez sur le bouton « Oui, activer ».
Après avoir cliqué sur ce bouton, vous retournerez au tableau de bord des pages de destination et verrez que votre mode Page 404 est actif.
Si vous souhaitez désactiver votre page 404 personnalisée, basculez le commutateur en position inactive.
Une note rapide : les pages 404 personnalisées de SeedProd renvoient toujours le code d'état HTTP 404 correct. Vous n'envoyez pas accidentellement une réponse 200 OK, ce qui est important pour les robots d'exploration SEO.
Pour tester votre nouvelle page, accédez à votresite.com/cette-page-nexiste-pas dans votre navigateur. Votre page 404 personnalisée devrait apparaître à la place du message d'erreur par défaut de WordPress.
Voici un aperçu final de notre modèle d'erreur 404 personnalisé pour WordPress :
Façons de transformer votre page 404 WordPress en un aimant à prospects
Certains développeurs disent qu'il faut rester simple : mettez votre marque sur une 404 et passez à autre chose. Cela fonctionne bien si votre seul objectif est de reconnaître l'erreur. Mais si vous gérez un site commercial, une 404 représente un risque de sortie réel, et vous pouvez faire beaucoup plus que de simplement la reconnaître.
La différence entre une page générique non trouvée et une page optimisée n'est pas seulement l'expérience utilisateur. C'est la question de savoir si vous récupérez un client potentiel ou si vous le perdez définitivement. Voici comment faire en sorte que la vôtre fonctionne.
1. Présentez votre produit
L'un des moyens les plus efficaces de faire en sorte que votre page d'erreur 404 génère plus de prospects est de présenter vos produits. Au lieu de dire à vos visiteurs que la page qu'ils recherchent n'existe pas, utilisez-la pour leur montrer ce que vous proposez.
Ajoutez des images de haute qualité de vos produits et créez des liens vers celles-ci.
Steve Madden utilise cette technique pour convertir sa page d'erreur 404 en une conception qui stimule activement les conversions.
En utilisant cette technique, vous pouvez encourager les visiteurs à explorer davantage votre site Web, même s'ils ne trouvent pas exactement ce qu'ils cherchaient.
2. Rédigez un contenu utile pour les visiteurs
Votre page manquante est une opportunité de communication. Rédigez un message d'erreur clair et humain qui indique aux visiteurs ce qui s'est passé et ce qu'ils peuvent faire ensuite. Restez bref et amical.
Incluez des liens de navigation avec un texte d'ancrage descriptif pointant vers vos pages les plus utiles : votre page d'accueil, votre blog ou votre catégorie de produits. Un formulaire de recherche est encore mieux, car il permet aux visiteurs de rechercher exactement ce qu'ils voulaient sans quitter votre site.
3. Ajoutez des informations sur votre entreprise
Une autre façon efficace de transformer votre page 404 est d'ajouter les informations de votre entreprise. Vos visiteurs peuvent tomber sur une erreur 404, mais vous ne voulez pas les perdre avec un message décevant. L'ajout des informations de votre entreprise est un excellent moyen de raviver leur intérêt.
La marque de mode Myntra utilise cette technique efficacement :
En plus d'afficher le message d'erreur, cela aide également les utilisateurs à explorer différentes sections du site. En tant que visiteur, vous pouvez consulter sa collection sous des catégories définies dans la barre de menu, visiter votre profil ou rechercher des produits. Il affiche même une barre de réduction, donc au lieu d'une impasse, les visiteurs peuvent consulter la collection.
4. Ajoutez des boutons d'appel à l'action pertinents
L'ajout de boutons d'appel à l'action (CTA) pertinents à votre page 404 est un moyen intelligent de demander aux clients de vous contacter et de résoudre leurs problèmes. Il peut s'agir d'un bouton de support client, d'un formulaire de contact, d'un bouton de demande de renseignements, d'un bouton d'appel, ou de tout ce qui peut être utile.
Vos visiteurs peuvent utiliser ces boutons pour déposer une plainte, poser des questions, vous suivre sur les réseaux sociaux, ou faire quoi que ce soit pour rendre la situation moins frustrante.
5. Ajoutez des pop-ups d'intention de sortie
Les pop-ups d'intention de sortie sont une autre façon efficace d'éviter que les visiteurs n'aient une mauvaise expérience sur votre site web. Concevez un pop-up de sortie qui apparaît à l'écran de vos visiteurs juste avant qu'ils ne partent.
Utilisez-le pour afficher des codes de réduction, proposer des prix ou annoncer de nouvelles arrivées. Les gens aiment les réductions et les offres, donc les afficher sur des pop-ups de sortie peut réengager les visiteurs, générer des prospects et augmenter les ventes.
6. Rendez-la intéressante
Tomber sur une page d'erreur 404 est déjà assez frustrant. C'est encore pire si la page est terne. Transformez l'expérience en quelque chose de plus mémorable en utilisant l'humour pour faire sourire les visiteurs.
Une autre façon de rendre votre page 404 agréable est d'ajouter un jeu à l'écran. C'est un moyen intelligent de capter l'attention et de garder les utilisateurs plus longtemps sur votre site.
Questions fréquemment posées sur les pages 404 personnalisées
Puis-je créer une page 404 dans WordPress sans plugin ?
Oui. Vous pouvez personnaliser votre page 404 en modifiant le fichier modèle 404.php dans votre répertoire de thème. Cela nécessite une aisance avec PHP et la structure des fichiers de thème, et toute mise à jour de votre thème peut écraser vos modifications.
Pour la plupart des propriétaires de sites, un plugin comme SeedProd est la meilleure solution. Vous bénéficiez d'un éditeur visuel, de modèles prédéfinis et aucun risque de casser votre thème.
Une page 404 personnalisée renvoie-t-elle toujours un code d'état HTTP 404 dans WordPress ?
Oui. Lorsque vous utilisez SeedProd pour créer une page 404 personnalisée, WordPress renvoie toujours le code d'état HTTP 404 correct aux navigateurs et aux robots d'exploration des moteurs de recherche. Votre conception personnalisée remplace uniquement la mise en page visuelle, pas la réponse du serveur.
C'est important pour le SEO : une page qui renvoie 200 OK au lieu de 404 peut confondre les robots d'exploration et entraîner des erreurs soft-404 dans la Google Search Console.
Comment trouver et suivre les erreurs 404 sur mon site WordPress ?
La Google Search Console affiche les erreurs 404 sous Couverture » Non trouvé. Vous pouvez également utiliser le vérificateur de liens brisés intégré d'AIOSEO ou installer le plugin Redirection (gratuit, plus de 2 millions d'installations actives) pour surveiller toutes les URL brisées et gérer les redirections à partir d'un seul endroit.
Une page d'erreur 404 personnalisée gère les erreurs avec élégance, mais la vraie solution pour les liens brisés connus est une redirection 301. Utilisez le plugin Redirection pour envoyer les URL brisées vers la bonne page et les retirer de votre décompte de 404. Je consulte mon rapport 404 dans la Google Search Console environ une fois par mois et je redirige tout ce qui génère encore du trafic.
Que dois-je mettre sur une page 404 ?
Une bonne page d'erreur 404 personnalisée comprend un message d'erreur clair et convivial, des liens vers vos pages les plus utiles (page d'accueil, blog ou catégories de produits) et un formulaire de recherche pour que les visiteurs puissent trouver ce qu'ils cherchaient. Votre image de marque et votre logo doivent être visibles pour qu'ils sachent qu'ils sont toujours sur votre site.
Pour les sites professionnels, envisagez d'ajouter un aimant à prospects, un bouton d'appel à l'action ou un produit phare. Une distinction 404 vs redirection à connaître : si le contenu a été déplacé de façon permanente, une redirection 301 est préférable à une page 404. Réservez la page 404 aux pages véritablement manquantes.
Les erreurs 404 nuisent-elles à mon SEO ?
Une ou deux erreurs 404 ne nuiront pas à votre classement dans les moteurs de recherche. C'est une partie normale du fonctionnement d'un site web. Mais un taux élevé de 404 peut nuire à votre budget d'exploration et à l'expérience utilisateur, ce qui affecte les classements au fil du temps.
Si les moteurs de recherche continuent de tomber sur des pages manquantes, cela peut ralentir l'exploration et l'indexation de votre bon contenu. La meilleure approche est une solution en deux parties : une page d'erreur 404 personnalisée bien conçue comme solution de repli, et une audit régulière pour rediriger les liens brisés connus afin qu'ils cessent d'apparaître comme des 404.
Commencez à créer votre page d'erreur 404 personnalisée
Une page d'erreur 404 personnalisée est l'une de ces choses qui prend moins d'une heure à configurer et qui rapporte à chaque fois que quelqu'un clique sur un lien brisé sur votre site. Vous avez vu comment en créer une avec SeedProd, comment ajouter des éléments de génération de prospects, et comment surveiller les erreurs qui provoquent des 404 en premier lieu.
Cet angle « génère des prospects » du début de ce guide est réel, et maintenant vous avez les outils pour y parvenir. Commencez dès aujourd'hui avec SeedProd et transformez votre page introuvable en quelque chose qui fonctionne réellement pour votre entreprise.
Avant de partir, vous pourriez également apprécier ce guide sur la création d'un thème WordPress à partir de zéro sans installer de thème enfant.
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
