18mn de lecture
Vous avez probablement déjà rencontré ce fameux message d’erreur 404 qui vous dit que la page à laquelle vous tentez d’accéder est indisponible. 😕 Eh bien, avec la plupart des CMS dont WordPress, cette page est totalement personnalisable. 😊 Retrouvez dans la suite de cet article les méthodes par lesquelles il est possible de mettre en place une page d’erreur personnalisée 404 sur WordPress.
Objectif
Après la lecture de cet article, vous serez en mesure de mettre en place une page d’erreur personnalisée 404 sur WordPress en modifiant le code de la page. 🙂 Vous allez aussi apprendre à installer et configurer des extensions pour personnaliser la page 404 par défaut en ajoutant des redirections ou non.
Prérequis
Avant de vous lancer dans cet univers de conception de page d’erreur 404, vous devez :
- Avoir WordPress
- Pouvoir installer un thème et une extension WordPress
- Avoir une connaissance basique en langage PHP
Mettre en place une page d’erreur personnalisée 404 sur WordPress manuellement
Les erreurs ne sont pas une chose agréable, mais il faut les assumer. C’est le cas de l’erreur HTTP 404 qui se produit chaque fois que les visiteurs d’un site web veulent accéder à une page ou à un fichier qui n’est pas présent sur le serveur. Conséquences possibles : confusion, frustration et méfiance chez le visiteur du site web. 😓 Vous pouvez toutefois limiter les dégâts, mettre en place une page d’erreur personnalisée 404 sur WordPress et ne pas laisser le serveur s’en charger. 😉
Même s’ils comportent un design complètement basique et du texte en anglais, les thèmes WordPress comportent déjà généralement une page 404. 😊 Vous la trouverez en allant d’abord dans la colonne de navigation de gauche à l’option de menu « Apparence », puis au sous-menu « Éditeur de fichiers des thèmes ». Le fichier s’appelle « 404.php ».
⚠️ Avant de vous amuser à modifier le code, vous devez créer un thème enfant. Sinon, tous vos efforts seront perdus lors de la prochaine mise à jour du thème. ⚠️ Une fois que vous avez fait cela, vous pouvez par exemple créer une page normale avec des images, des textes et des liens et copier les contenus du mode texte dans le fichier 404.
Utiliser une extension pour mettre en place une page d’erreur personnalisée 404 sur WordPress
Si vous n’êtes pas très à l’aise avec le code de votre thème, il vaut mieux ne pas y toucher et utiliser une extension pour créer une page 404 personnalisée. Plusieurs extensions gratuites sont disponibles pour vous aider à mettre en place une page d’erreur personnalisée 404 sur WordPress. 💡
Colorlib 404 customizer
Colorlib 404 Customizer est une extension WordPress gratuite 🆓 qui vous permet de créer rapidement une page 404 personnalisée et élégante à l’aide de la personnalisation en direct. Ce fantastique plugin vous permet de modifier et de personnaliser les pages 404 en fonction du design de votre site Web. 😎 Pour utiliser Colorlib 404, vous devez d’abord l’installer et l’activer. Ensuite, accéder à Apparence> Personnaliser> Paramètres de personnalisation Colorlib 404. Vous pouvez maintenant personnaliser votre page 404 comme bon vous semble.
404Page
Avec cette extension pratique, vous pouvez facilement créer votre propre page d’erreur 404 qui fonctionne avec presque tous les thèmes. 💯 Créez facilement votre propre page d’erreur 404 comme n’importe quelle autre page avec l’éditeur WordPress en allant dans Pages> Ajouter nouveau>.
Contrairement à d’autres extensions similaires, le plugin 404page ne génère pas de redirections. C’est assez important, car une erreur 404 correcte est fournie, indiquant aux moteurs de recherche que la page n’existe pas et doit être supprimée de l’index.
Forty Four
C’est une extension de redirection de pages 404 et d’URL super légère créée par Jeffrey Carandang. Elle regorge de fonctionnalités, très simple à utiliser. Avec cette extension, vous avez la possibilité de consulter les journaux des pages d’erreur 404. Il offre la possibilité de voir tous les liens 404 générés et combien de fois les pages ont été consultées. Pour voir les logs, gérer vos redirections d’URL 404 et personnaliser l’apparence de vos pages 404, allez dans Apparence > Page 404.
Custom 404 pro
Cette extension permet aux utilisateurs de remplacer la page 404 par défaut par une page personnalisée à partir de la section « Pages du panneau d’administration ». Vous pouvez également spécifier une URL entière qui sera redirigée vers la page 404. 😉 Une fois l’extension installée et activée, vous pouvez y accéder via le menu Custom 404 pro. De plus, ce plugin permet d’enregistrer les données de la page 404.
All 404 redirect to home page
Avec cette extension, vous pouvez corriger tous les liens 404 qui apparaissent aléatoirement sur votre site Web et les rediriger vers la page d’accueil ou une autre page en utilisant les redirections 301 SEO. Les pages d’erreur 404⛳ peuvent nuire au classement de votre site dans les moteurs de recherche. Cette extension intelligente est une solution simple pour traiter les pages d’erreur 404 et éviter un mauvais classement.
Une fois l’extension installée, rendez-vous dans le panneau de contrôle de l’extension via le menu des paramètres, entrez le lien vers lequel l’extension doit rediriger tous les liens 404 dans la zone de texte, sélectionnez le statut de l’extension à activer.
Conclusion
🎉 Félicitations ! 🎉 Vous êtes maintenant à la fin de ce tutoriel. Vous savez désormais comment mettre en place une page d’erreur personnalisée 404 sur WordPress. 🥳 Sachez que les erreurs HTTP 404 sont choses courantes dans l’univers des sites web. Cependant, il faut résoudre les problèmes d’erreur 404 sur WordPress pour moins de désagrément. C’est pourquoi il est conseillé de personnaliser les pages 404 par défaut de votre thème WordPress et de créer une page personnalisée qui va améliorer la présentation du design de votre site.
Besoin d’un hébergement WordPress rapide et de qualité ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Donnez-nous votre avis dans les commentaires.
Commentaires (0)