Comment créer une page d'erreur 404 personnalisée dans WordPress

Essayez-vous de créer une page d'erreur 404 dans WordPress ?

Une page d'erreur 404 est l'endroit où votre public atterrira s'il essaie d'ouvrir ou d'accéder à une page qui n'a pas pu être trouvée sur le serveur. En affichant une page 404, vous faites essentiellement savoir à vos visiteurs que la page n'existe pas.

Bien que les pages d'erreur 404 soient idéales pour informer vos visiteurs de l'erreur survenue, elles ont également le potentiel de vous faire perdre des visiteurs.

C'est parce que la bonne page 404 peut nuire ou aider votre expérience utilisateur (UX).

En concevant correctement cette page, vous pouvez guider stratégiquement vos utilisateurs vers l'endroit où trouver la page qu'ils recherchent. C'est un excellent moyen de retenir les visiteurs sur votre site Web et de diminuer votre taux de rebond plutôt que de les faire quitter votre site.

Dans ce guide, nous vous montrerons comment concevoir une page d'erreur 404 de la manière la plus simple et sans aucun codage requis.

Nous vous dirons également ce qui cause une erreur 404 et comment la résoudre. Vers la fin, nous vous montrerons quelques-uns des meilleurs exemples de pages d'erreur 404 inspirantes que vous pourrez consulter avant de créer votre page.

N'hésitez pas à utiliser cette table des matières pour trouver la section qui vous convient :

1. Causes de l'erreur 404
2. Comment corriger l'erreur 404
3. Comment concevoir une page d'erreur 404 avec SeedProd
4. Meilleurs exemples de pages d'erreur 404 pour l'inspiration

Commençons.

Qu'est-ce qui cause la page d'erreur 404

Généralement, une page d'erreur 404 s'affiche lorsque vos visiteurs essaient de trouver un contenu qui a été supprimé, retiré ou déplacé vers une autre URL.

Mais il peut y avoir d'autres raisons pour lesquelles vos visiteurs voient ce message d'erreur. Par exemple :

1. Le slug d'URL de la page recherchée a été modifié sans redirection appropriée. Ainsi, en recherchant une page, vos utilisateurs trouvent la page d'origine avec l'URL d'origine. Découvrez ces plugins de redirection pour WordPress soigneusement sélectionnés.
2. Le nom de domaine recherché n'existe plus. C'est très probablement parce que l'utilisateur a entré une mauvaise URL
3. Le serveur responsable du site Web ne fonctionne pas, ou la connexion est rompue.

Et une fois que vous avez identifié le problème, vous devrez trouver comment le résoudre.

Comment corriger l'erreur 404

Atterrir sur une page d'erreur 404 peut être frustrant. Et c'est pourquoi vous devez savoir comment la résoudre. Voici quelques conseils que vous pouvez essayer si vous rencontrez une page d'erreur 404 sur votre site ou sur celui de quelqu'un d'autre.

1. Vérifiez les erreurs dans l'URL : La première chose à faire est de vérifier les erreurs dans l'URL. Assurez-vous que l'URL que vous avez entrée est correcte et ne contient pas de fautes d'orthographe, ou de caractères manquants comme une barre oblique, un trait d'union, etc.
2. Videz le cache et les cookies de votre navigateur : Cette solution fonctionnera comme par magie si vous ne voyez la page d'erreur 404 que depuis un ordinateur spécifique. Dans ces cas, essayez de supprimer le cache de votre navigateur ainsi que tous les cookies pour ce site et réessayez.
3. Rechargez la page : Parfois, la solution à une page d'erreur 404 peut simplement être trouvée en rechargeant votre page. Alors, actualisez votre page pour voir si la page fonctionne.
4. Vérifiez les niveaux de répertoire : Si l'URL affichant l'erreur a la structure suivante : example.com/Repertoire1/Repertoire2/Repertoire3, vous pouvez revenir à un répertoire précédent. Par exemple, vous pouvez aller sur example.com/Repertoire1/Repertoire2/ pour vérifier si la page souhaitée s'y trouve. Si cela ne fonctionne pas, revenez à un autre répertoire.
5. Contactez le site web directement : Une autre bonne étape pour trouver une solution serait de contacter le site web directement. Vous trouverez les coordonnées quelque part sur la page d'accueil du site web. Ils devraient être en mesure de vous dire s'ils ont complètement supprimé la page.
6. Utilisez la fonction de recherche du site web : Vous pouvez également utiliser la fonction de recherche du site web et entrer un ou plusieurs mots-clés que vous recherchez pour trouver la page spécifique que vous souhaitez.

Nous allons maintenant vous montrer comment créer une page d'erreur 404 pour votre site web. Cette section est utile pour les propriétaires de sites web qui souhaitent afficher cette page d'erreur à leurs utilisateurs.

Comment concevoir une page d'erreur 404 avec SeedProd

Pour concevoir la page d'erreur 404 dans ce tutoriel, nous utiliserons le constructeur de pages SeedProd.

SeedProd est un puissant plugin de constructeur de pages par glisser-déposer qui vous permet de créer de belles pages de destination pour votre site web, sans avoir besoin de connaître de code. Cela inclut les pages d'erreur 404, les pages en mode maintenance, les pages de bientôt disponibles, les pages de vente, et plus encore.

SeedProd propose des modèles de pages 404 conçus par des professionnels pour que vous puissiez commencer rapidement. De plus, vous pouvez facilement personnaliser votre page d'erreur 404 avec des blocs prêts à l'emploi comme des formulaires d'inscription, des boutons, des images, des vidéos, et bien plus encore.

Vous pouvez en savoir plus sur SeedProd dans cette revue détaillée.

Étape 1 : Installation de SeedProd sur votre site web

Pour commencer, vous devez d'abord installer et activer le plugin SeedProd sur votre site Web WordPress.

Une fois installé et activé, vous pouvez saisir la clé de licence pour accéder à toutes les fonctionnalités, activer le support et recevoir les mises à jour. Vous pouvez trouver la clé de licence dans votre compte SeedProd créé lors de l'achat du produit. Copiez la clé et collez-la dans le champ prévu à cet effet. Ensuite, cliquez sur le bouton Vérifier la clé.

Une fois la clé de licence validée, vous êtes prêt à commencer à utiliser le plugin.

Faites défiler la page plus bas et cliquez sur le bouton Créer votre première page. Vous serez ensuite redirigé vers le tableau de bord SeedProd où vous pourrez créer une page d'erreur 404.

Étape 2 : Créer une page d'erreur 404

En haut du tableau de bord SeedProd, il y a 4 pages différentes que vous pouvez créer :

• Mode Bientôt disponible : Suscitez l'enthousiasme avant le lancement de votre site.
• Mode Maintenance : Mettez votre site en mode maintenance pour travailler dessus en coulisses.
• Page de Connexion : Créez une page de connexion personnalisée pour votre site web.
• Page 404 : Remplacez la page 404 par défaut par une page 404 personnalisée.

Cliquez sur le bouton Configurer une page 404 pour commencer.

Ensuite, vous serez invité à choisir un modèle pour votre page d'erreur 404. SeedProd propose un certain nombre de modèles élégants conçus spécifiquement pour les pages d'erreur 404. Vous pouvez également choisir un modèle vierge pour commencer à partir de zéro.

Choisissez le modèle que vous aimez en le survolant et en cliquant sur la coche.

Étape 3 : Personnalisez votre page d'erreur 404

Après avoir choisi un modèle, vous serez redirigé vers le constructeur visuel de SeedProd où vous pourrez commencer à personnaliser votre page d'erreur 404.

Sur le côté gauche de l'écran, il y a des Blocs et des Sections prêts à l'emploi que vous pouvez ajouter à votre page 404. Et sur le côté droit, vous pouvez voir un aperçu en direct de votre page d'erreur 404.

Faites simplement glisser et déposez n'importe quel Bloc que vous aimez de la droite et déposez-le sur votre page 404 à gauche.

Par exemple, vous pouvez ajouter un formulaire d'inscription pour collecter des adresses e-mail sur votre page d'erreur 404, comme dans l'exemple ci-dessous :

Vous pouvez également ajouter des images, des vidéos, des boutons, des profils sociaux, des sections FAQ, des formulaires de contact, et bien plus encore. Et vous pouvez cliquer sur n'importe quelle section pour la personnaliser davantage en modifiant le texte, le style, la couleur, etc.

Lorsque vous êtes satisfait de l'apparence de votre page d'erreur 404, cliquez sur le bouton Enregistrer.

Étape 4 : Connexion de votre service de marketing par e-mail

Si vous avez ajouté un formulaire d'inscription à votre page d'erreur 404, comme nous l'avons fait dans l'exemple ci-dessus, vous devez alors connecter votre service de marketing par e-mail.

Pour ce faire, cliquez sur l'onglet Connect en haut de l'écran. Vous pouvez choisir parmi les fournisseurs de services de messagerie populaires tels que Constant Contact, Drip, Mailchimp, et d'autres.

Choisissez votre fournisseur de marketing par e-mail et cliquez sur Connect.

Ensuite, remplissez les détails de votre compte et cliquez à nouveau sur Connect.

Désormais, tous les e-mails collectés à partir de votre page d'erreur 404 seront automatiquement ajoutés à votre liste d'e-mails.

Étape 5 : Publication et activation de votre page d'erreur 404

La dernière étape consiste à publier et activer votre page d'erreur 404. Pour ce faire, cliquez sur la flèche déroulante à côté du bouton Save dans le coin supérieur gauche de l'écran. Cliquez sur le bouton Publish.

Pour activer la page, accédez à SeedProd » Pages depuis votre espace d'administration WordPress, puis allez dans la section 404 Page.

Basculez simplement le bouton de Inactive à Active.

Votre page d'erreur 404 sera maintenant en ligne. Toute personne qui clique sur un lien brisé verra cette page.

Et voilà ! Votre page 404 est prête. Facile, n'est-ce pas ?

Voyons maintenant quelques excellents exemples de pages 404 que vous pouvez utiliser pour vous inspirer lors de la conception de la vôtre.

Meilleurs exemples de pages d'erreur 404 pour l'inspiration

Pour vous aider à mieux concevoir votre page d'erreur 404, nous vous avons apporté quelques exemples pour vous inspirer.

1. Page d'erreur 404 de Themeisle

La page d'erreur 404 de Themeisle n'est pas seulement attrayante visuellement, mais elle offre également une solution aux visiteurs pour trouver ce qu'ils cherchaient. Elle a ajouté un champ de recherche sur sa page où les visiteurs peuvent entrer un ou plusieurs mots-clés de la page qu'ils souhaitaient visiter.

C'est un excellent moyen de fidéliser vos utilisateurs et de les diriger vers l'endroit où ils avaient initialement l'intention d'aller.

2. Page d'erreur 404 par Andrew Colling

La page d'erreur 404 d'Andrew est un autre exemple qui peut vous inspirer. Elle ajoute un beau graphique qui résonne avec la description ajoutée juste en dessous du titre et tente humoristiquement de rediriger ses visiteurs vers la page d'accueil. Elle a ajouté un bouton d'appel à l'action (CTA) accrocheur pour diriger les gens vers une page où ils peuvent naviguer sur le site Web.

3. Page d'erreur 404 par Ryan Duffy

Le design de Ryan Duffy est simple mais puissant. Il indique à ses visiteurs que, tout comme un accident, atterrir sur la page d'erreur 404 est involontaire. Mais en même temps, il leur montre également une issue de cette page en utilisant le CTA pour revenir à la page d'accueil.

4. Page d'erreur 404 par Matt

Cette page est différente des autres mentionnées ci-dessus. Elle indique non seulement à ses visiteurs que la page n'existe pas, mais propose également différentes solutions. Elle ajoute différents liens dans l'en-tête qui peuvent aider le visiteur à accéder aux autres sections du site Web.

C'est en fait un excellent moyen d'engager votre visiteur car vous lui donnez différentes options, il est donc libre de choisir ce qu'il veut faire.

Et c'est ainsi que vous créez une page d'erreur 404 dans WordPress. Nous espérons que cet article vous aidera à créer une belle page d'erreur 404 pour votre site.

Une fois que vous avez terminé de créer votre page d'erreur, vous voudrez peut-être consulter quelques plugins qui peuvent vous aider à trouver et à corriger facilement les liens brisés sur votre site Web.

Cela vous aidera à améliorer l'expérience utilisateur en vous débarrassant des liens morts ou brisés sur votre site.

Nous espérons que vous avez aimé ce guide. Vous pourriez également vouloir consulter nos autres ressources :

• Comment améliorer les performances et la vitesse de WordPress (Conseils d'experts)
• 15 outils d'optimisation du taux de conversion pour faire décoller la croissance
• 10 meilleurs outils SEO pour augmenter le trafic de votre site Web, RAPIDEMENT !

Ces articles vous aideront à améliorer l'expérience utilisateur, à générer plus de trafic vers votre site et à améliorer les conversions.