Modifier la page d’erreur 404 de WordPress.

La page d’erreur 404 de WordPress apparait lorsqu’une requête web n’aboutit pas, soit parce que la page n’existe plus, soit parce qu’elle aura été renommée ou tout simplement que le lien n’était pas bon.

La page d’erreur 404 de WordPress peut être pour certains blogs une page très fréquentée (jusqu’à quelques pourcents des pages vues totales). Voilà pourquoi elle se révèle être un élément stratégique à ne pas négliger dans toute démarche d’optimisation d’un site web.

Gestion des erreurs 404 de WordPress

L’erreur 404 est un code d’erreur qui signifie que le lien cliqué par un internaute ne renvoie pas à des ressources web existantes. Aucune information ne s’affiche quand vous cliquez sur ce type de lien. Dans ce cas précis, le lien est considéré comme mort ou cassé. Vous pouvez avoir plus d’infos sur cette page concernant l’erreur 404 et ses méfaits sur la qualité de référencement de votre site et de votre blog.

Généralement, l’erreur 404 survient dans le cadre de la refonte ou de la migration de votre site. Le lien est cassé à cause d’un changement involontaire du permalink, d’une erreur survenue dans le code de l’index.php ou encore de la non installation au préalable d’un module de contrôle de réécriture d’URL.

Il est nécessaire d’éviter, autant que faire se peut, le code d’erreur 404. Pour ce faire, choisissez une fois pour toute votre permalien et évitez de le modifier fréquemment.

Si des erreurs 404 surviennent suite à la refonte de votre site ou blog, vous pouvez utiliser différents plugins WordPress pour tenter de les corriger. Selon la nature du plugin utilisé, il sert à signaler l’erreur, pour effectuer une redirection personnalisée ou encore pour faire plusieurs suggestions de réparation de liens cassés.

Par ailleurs, les services d’un webmaster spécialisé en WordPress peuvent être nécessaires pour éviter la multiplication d’erreurs 404 sur votre site ou blog.

Page d’erreur 404 des thèmes WordPress

Autant de raison qui jouent en la faveur de l’optimisation de cette page. Parce qu’il est en effet possible de modifier l’affichage par défaut de la page d’erreur 404 de wordpress, qui n’est pas très sexy.

Voici ci-dessous une page d’erreur 404 classique :

Généralement chaque bon thème wordpress dispose d’un fichier 404.php, qui affiche le strict minimum, donc avec un peu d’imagination et de temps on peut personnaliser cette page.

Voici le contenu classique d’une page 404 :

<?php get_header(); ?>
<div id="content" class="archive">
<span id="map"><a href="<?php echo get_option('home'); ?>/">Home</a> &raquo; Error 404</span>
<h2 class="title">Error 404 - Not Found</h2>
<p>Ooops, We cannot find you the page you are looking for. You may try to search our site for another keyword or use the navigational tools in this website.</p>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ce code affiche juste un message d’erreur et garde l’aspect graphique de votre template.

Dans wordpress vous pouvez directement éditer le fichier 404.php dans Apparence → Thème → Editeur → Modèle pour l’erreur 404

Voici le code modifiée de ma page :

<?php get_header(); ?>
<div id="content" class="archive">
<span id="map"><a href="<?php echo get_option('home'); ?>/">Home</a> &raquo; Erreur 404</span>
<h2 align="center" class="title">D&eacute;sol&eacute;, la page que vous demandez est introuvable.</h2>
<h3><p>Que faire maintenant ?</p></h3>
<p>Le plus simple est de suivre <a href="https://quick-tutoriel.com/">ce lien pour vous rendre sur la page d'accueil du blog</a>, mais vous pouvez &eacute;galement vous rendre directement sur un des articles les plus consultés en bas de page ou encore cliquer sur le nuage de tags.</p>
<p>Dans le cas ou vous seriez arriv&eacute; ici alors que vous suiviez un lien provenant de ce blog ou d'un autre site web, vous pouvez &eacute;galement <a href="https://quick-tutoriel.com/contact">me contacter</a> pour me signaler cette erreur.</p></p>
<h2 align="center" class="title"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia-premium/images/error_404.jpg" width="267" height="235" align="center" /></h2>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Rien d’extraordinaire j’ai modifié le texte en anglais et j’ai rajouté une image sympa et j’ai inséré un lien renvoyant vers la page d’accueil du  blog et un autre sur la page contact.

Certains thèmes facilite la modification de la page d’erreur 404 pour WordPress.

Voilà ce que ça donne en mode graphique (ancienne charte graphique du blog) :

Maintenant vous pouvez vous amusez et laisser faire votre imagination !!! A titre de comparaison, voici la page d’erreur 404 de mon nouveau thème Sahifa.