Comment créer une page 404 personnalisée dans WordPress 

Essayez-vous de créer une page 404 personnalisée dans WordPress ?

En termes d'expérience utilisateur, il n'y a rien de pire qu'un lien vers une page qui n'est plus disponible. Le visiteur peut être déçu, confus et faire demi-tour, quittant rapidement votre site.

Au lieu d'afficher une page d'erreur générique, la création d'une page 404 personnalisée permet de maintenir l'intérêt des utilisateurs et même de les guider vers un contenu pertinent.

Dans ce guide, nous allons vous expliquer comment créer une page 404 personnalisée dans WordPress, avec des options pour tous les niveaux de compétence, de l'édition du fichier de thème à l'utilisation de plugins. De plus, nous vous donnerons des conseils pour suivre et minimiser les erreurs 404 sur votre site.

Commençons !

Comprendre l'anatomie des erreurs 404

Les erreurs 404 se produisent lorsque vous cliquez sur un lien et que le serveur ne trouve pas la page que vous avez demandée. Plusieurs raisons peuvent être en cause.

Une erreur 404 peut s'afficher si le site Web auquel le lien se connectait a été supprimé. Cela se produit généralement lorsqu'une page obsolète au contenu populaire est supprimée, bien que de nombreux liens pointent vers elle. 

Vous pouvez également obtenir une erreur de page 404 si une page a été déplacée vers une adresse de domaine différente. Le serveur peut être hors service (ou inaccessible pour une raison quelconque), ce qui entraîne une erreur DNS. Les liens brisés peuvent également être causés par des pare-feu, des filtres de contenu et d'autres formes de blocage de contenu.

En bref, vous trouverez des liens brisés partout sur l'internet. Les administrateurs ou les propriétaires de sites Web sont chargés de rendre l'expérience aussi agréable que possible pour les utilisateurs. Vous devez garder à l'esprit que les internautes sont généralement impatients lorsqu'ils tentent de trouver des informations. L'utilisateur ne perdra pas de temps à chercher un autre site s'il ne trouve pas ce qu'il cherche sur le vôtre.

Des études ont montré que les utilisateurs sont incroyablement impatients en ligne. Une fraction de seconde peut faire la différence entre garder un visiteur et en perdre un. Votre page 404 personnalisée doit donc faire bonne impression.

Rand Fishkin, expert en référencement

"Une bonne page 404 peut faire la différence entre un taux de rebond élevé et un engagement accru de la part des utilisateurs.

Pourquoi créer une page 404 personnalisée ?

Une page 404 personnalisée améliore l'expérience de l'utilisateur en transformant une impasse potentielle en une opportunité. Voici trois raisons principales pour lesquelles elle est bénéfique :

1. Réduit les taux de rebond: Une page d'erreur 404 attrayante encourage les utilisateurs à rester sur votre site plutôt que de le quitter.
2. Guide les visiteurs vers le contenu: Utilisez votre page 404 pour suggérer des articles populaires, la page d'accueil ou une barre de recherche et maintenez votre utilisateur impliqué.
3. Reflète votre marque: Personnalisez votre page 404 en y ajoutant de l'humour ou des messages utiles.

Comment créer une page 404 personnalisée dans WordPress ?

WordPress vous offre plusieurs possibilités pour créer une bonne page 404 personnalisée. Les voici :

• Vous pouvez modifier la page 404 existante de votre thème.
• Créez une page 404 personnalisée si votre thème n'en possède pas.
• Installez un plugin 404.

Attention, si vous modifiez un thème WordPress, il est préférable d'utiliser un thème enfant. Ainsi, vous ne serez pas écrasé par les mises à jour du thème.

Option 1 : Créer une page 404 personnalisée sans plugin

La plupart des thèmes WordPress sont dotés d'un modèle de page 404 intégré. Vous pouvez le trouver dans les fichiers du thème sous le nom de 404.php. La modification de ce fichier est un moyen simple de personnaliser votre page d'erreur.

L'absence de 404.php signifie que votre thème n'a pas de modèle 404 personnalisé et que vous devez en ajouter un (comme expliqué plus loin dans cet article).

Sinon, il suffit de cliquer sur le fichier existant et de l'éditer directement dans le tableau de bord de WordPress à l'aide de ce bout de code :

<h1>Oops darling! The Page Was Not Found</h1>
<p>We are sorry about this. Try heading back to our <a href="/">homepage</a> or use the search bar below.</p>
<?php get_search_form(); ?>

Option 2 : Créer un nouveau fichier 404.php pour une page 404 personnalisée

Si votre thème n'a pas de fichier 404.php, vous pouvez en créer un manuellement.

1. Créez un nouveau fichier nommé 404.php: ouvrez un éditeur de texte et créez un nouveau fichier nommé 404.php.
2. Ajouter le code du modèle 404 de base: Utilisez le code HTML et PHP ci-dessous pour créer une page 404 personnalisée de base :

<?php get_header(); ?>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were looking for could not be found.</p>
<a href="<?php echo home_url(); ?>">Back to Home</a>
<?php get_search_form(); ?>
<?php get_footer(); ?>

3. Téléchargez le fichier dans le répertoire de votre thème: Utilisez le FTP ou le gestionnaire de fichiers de votre hébergement pour télécharger le nouveau fichier 404.php dans wp-content/themes/votre-thème/.
4. Vérifiez votre nouvelle page 404: Visitez une URL inexistante sur votre site pour confirmer l'apparition de votre page 404 personnalisée.

Option 3 : Utiliser un plugin pour créer une page 404 personnalisée

Vous préférerez peut-être travailler avec un plugin si vous ne vous sentez pas à l'aise pour modifier le code PHP de votre thème. Il existe des plugins 404 qui vous aideront à créer une page d'erreur, et beaucoup sont également capables de suivre et d'enregistrer toutes les erreurs de type page non trouvée.

Nous vous suggérons les plugins suivants :

Redirection

Redirection est le gestionnaire de redirection le plus populaire pour WordPress. Avec lui, vous pouvez facilement gérer les redirections 301, garder la trace des erreurs 404 et, en général, mettre de l'ordre dans tout ce que votre site peut avoir.

404 Solution

404 Solution convertit votre trafic 404 en offrant à vos visiteurs une meilleure expérience de navigation et en éliminant les erreurs 404 sur votre site.

Colorlib 404 Customizer

Colorlib 404 Customizer est un plugin WordPress gratuit qui vous permet de créer rapidement une page 404 personnalisée et élégante via le Live Customizer.

Cet étonnant plugin vous offre la possibilité de modifier et de personnaliser la page 404 afin de l'adapter au design de votre site Web.

Meilleures pratiques pour une conception efficace de la page 404

Pour améliorer l'expérience des utilisateurs, tenez compte des meilleures pratiques suivantes lors de la création de votre page 404 personnalisée :

• Ajoutez des liens utiles: Incluez des liens vers les articles les plus populaires ou vers la page d'accueil afin de guider les utilisateurs vers le contenu pertinent et de maintenir leur intérêt.
• Inclure une barre de recherche: Une fonction de recherche est le meilleur moyen d'aider les visiteurs à trouver le contenu qu'ils recherchent.
• Utilisez un message amical: Évitez le langage technique. Un message amical peut rendre l'expérience plus agréable pour l'utilisateur.
• Pensez à l'humour ou aux images: L'ajout d'humour ou d'images peut contribuer à rendre la page d'erreur moins frustrante, en vous aidant à transformer ce moment négatif en opportunité.