Le guide du débutant sur les pages d’erreur WordPress 404

Exemple de page d'erreur Airbnb 404

Le contenu que vous publiez sur votre site Web – qu’il s’agisse d’une partie d’une page ou d’un message – est généralement permanent. Cependant, si un problème survient (technique ou autre), un élément de contenu peut ne pas s’afficher. Au lieu de cela, il déclenche une erreur 404, ce qui n’est pas une bonne nouvelle pour votre site Web ou ses utilisateurs.

En un mot, une erreur 404 signifie qu’une page Web est introuvable. Cependant, contrairement aux autres erreurs, elles sont généralement affichées sur des pages dédiées. Avec une page d’erreur 404 personnalisée et optimisée, vous pouvez remettre les visiteurs sur la bonne voie.

Qu’est-ce qu’une erreur 404 ?

Exemple de page d'erreur Airbnb 404

Comme nous en avons discuté, une erreur 404 est un code de réponse indiquant que bien qu’un utilisateur ait pu se connecter au serveur d’un site Web, la page est introuvable. Cela se produit pour un certain nombre de raisons, telles que :

  • Une page ou un article a été déplacé ou supprimé.
  • Le serveur a du mal à charger la page.
  • L’URL qui mène à la page est incorrecte.
  • Le message ou la page n’a jamais existé en premier lieu.

Naturellement, une erreur 404 peut réduire considérablement le trafic de votre site Web. En tant que tel, il est crucial que vous trouviez et corrigiez rapidement ces erreurs sur votre site Web. Mais d’abord, regardons quelle erreur 404 pages sont utilisés pour.

Une introduction aux pages d’erreur 404

Une page d’erreur 404 avertit les visiteurs d’une page manquante ou d’une URL incorrecte. De nombreux sites Web utilisent la page par défaut fournie par leur thème, mais les pages d’erreur 404 peuvent également être personnalisées pour améliorer l’expérience utilisateur (UX).

Le plus souvent, une page d’erreur indique le problème et propose des options alternatives parmi lesquelles l’utilisateur peut choisir : par exemple, un Retour à la page d’accueil un lien, un contenu connexe ou un Chercher boîte.

Une bonne page d’erreur 404 doit contenir quelques éléments essentiels. Il s’agit notamment d’un lien ou d’un menu de navigation, d’excuses ou d’explications sur la marque et d’un Chercher boîte.

Par exemple, Cloud Sigma a opté pour une explication décalée et un guide facile à trouver Retour à la page d’accueil bouton. Cela aide à réduire la frustration tout en permettant à l’utilisateur de revenir au site principal avec une interruption minimale :

Exemple de page d'erreur 404

Repair Pal présente un autre bon exemple de page d’erreur 404 bien implémentée. Ils ont choisi de s’en tenir à leur thème par défaut – en gardant le menu de navigation intact – tout en offrant aux utilisateurs un moyen d’interagir immédiatement avec la page.

Par exemple, les visiteurs peuvent choisir de Obtenir une estimation ou Dépanner votre voiture:

Exemple de page d'erreur 404

Comme vous pouvez le constater, la création d’une page fonctionnelle est un moyen utile d’atténuer les effets d’une erreur 404. Cela peut également garantir que votre site Web a un air de professionnalisme, malgré la présence d’une erreur.

Recevez du contenu directement dans votre boîte de réception

Abonnez-vous à notre blog et recevez un excellent contenu comme celui-ci directement dans votre boîte de réception.

Comment trouver et corriger les erreurs 404 sur votre site WordPress

Alors que les erreurs 404 sont susceptibles de se produire à l’occasion, des occurrences fréquentes peuvent signifier que des problèmes plus graves sont présents. Par exemple, il peut y avoir des problèmes avec le serveur de votre site Web ou avec des permaliens mal définis.

Heureusement, il est possible de trouver ces erreurs dans WordPress. De plus, une fois les problèmes résolus, vous pouvez appliquer ce que vous avez appris pour éviter que le problème ne se reproduise à l’avenir.

Comment créer un rapport d’erreurs 404 dans GA4

Google Analytics est idéal pour éliminer les erreurs 404. Dans le tableau de bord, accédez à Explorer et choisissez Blanc:

Rapport d'erreur Google Analytics 4 404

Nommez votre rapport « Rapport 404 » et cliquez sur le + signer à côté de Dimensions:

Rapport d'erreur Google Analytics 4 404

Sélectionner Titre de la page et Chemin de la page + chaîne de requête parmi les dimensions disponibles et cliquez sur Importer. Ensuite, cliquez sur le + signer à côté de Métrique trouver et importer Séances:

Rapport d'erreur Google Analytics 4 404

Vous devrez maintenant faire glisser votre Dimensions en dessous de Lignes et Métrique en dessous de Valeurs:

Rapport d'erreur Google Analytics 4 404

Ensuite, faites glisser Titre de la page en dessous de Filtre. Alors choisi contient dans le menu déroulant et tapez « Page introuvable » dans le Saisir l’expression boîte:

Rapport d'erreur Google Analytics 4 404

Succès Appliquer, et vous verrez un rapport de toutes les erreurs 404 sur votre site Web. Qu’il y ait ou non un problème plus large sur votre site, WordPress facilite la résolution de ce problème.

Comment traiter les erreurs 404 sur votre site Web

Même si vous faites de votre mieux pour les éviter, des erreurs 404 se produiront de temps en temps. Cependant, il existe des moyens de minimiser leur perturbation. Jetons un coup d’oeil à deux maintenant.

1. Créer une page d’erreur 404 dédiée

Exemple de page d'erreur 404

WordPress est suffisamment flexible pour vous permettre de modifier pratiquement tous les éléments de votre page d’erreur 404. Pour créer une page d’erreur 404 personnalisée pour votre site, vous avez deux options : manuellement ou à l’aide de plugins.

De nombreux thèmes incluent un 404.php fichier modèle par défaut. Si tel est le cas pour votre thème, vous pouvez localiser le fichier vous-même et modifier le message actuellement en place.

Avant de faire cela, cependant, c’est une bonne idée de créer un thème enfant avec lequel travailler. De cette façon, vous n’apporterez pas de modifications permanentes au thème parent.

Après avoir créé un thème enfant, accédez à Apparence > Éditeur dans WordPress et ouvrez 404.php dans la liste des fichiers à droite de l’éditeur :

Fichier de modèle de page d'erreur WordPress 404

D’ici, cherchez le

ligne, et modifiez simplement le message selon vos propres besoins (enregistrez vos modifications une fois que vous avez terminé).

Notez que si vous utilisez un thème de bloc WordPress, vous pouvez modifier sa page 404 en accédant à Apparence > Éditeur > Modèles:

Éditeur de modèles WordPress

Cliquez simplement sur 404, et vous serez redirigé vers un écran d’édition où vous pourrez créer une page 404 personnalisée à l’aide de blocs WordPress et de parties de modèle :

Exemple de page d'erreur 404

Si vous n’avez pas de 404.php fichier dans votre thème actuel, vous pouvez créer le vôtre en utilisant les directives trouvées dans le WordPress Codex. Cependant, vous aurez besoin d’accéder à un client FTP tel que FileZilla.

Ouvrez FileZilla et entrez les informations d’identification de votre site Web pour accéder à votre répertoire de fichiers. Double-cliquez sur votre site Web racine dossier (parfois appelé public_html), et accédez à wp-content > thèmes > [themename] > 404.php. Nous utilisons le modèle 404 de Twenty Thirteen, mais vous pouvez naviguer vers un autre thème avec un modèle similaire.

Ensuite, faites un clic droit sur le 404.php fichier et sélectionnez Voir la modification:

modifier le fichier 404.php via le client FTP

Le fichier s’ouvrira dans votre éditeur de texte. Mettez en surbrillance l’intégralité du code qu’il contient et copiez-le. Revenez maintenant à FileZilla et revenez au thèmes annuaire. Sélectionnez le thème de votre site Web actuel et cliquez avec le bouton droit de la souris. Sélectionner Créer un nouveau fichier dans le menu déroulant et nommez-le « 404.php ».

Cliquez sur D’ACCORDpuis cliquez avec le bouton droit sur le nouveau 404.php dossier. Sélectionner Voir la modification dans le menu déroulant et collez le code que vous avez précédemment copié. Bien sûr, vous pouvez modifier le contenu selon vos propres besoins. Une fois que vous avez enregistré le fichier, vous êtes prêt !

créer un fichier php d'erreur 404

Alternativement, vous pouvez utiliser des plugins WordPress tels que 404page et Custom 404 Pro pour atteindre le même objectif. Une fois installés, ils vous permettent de remplacer la page 404 par défaut de votre thème ou d’en créer une si votre thème n’en contient pas. Ces plugins seront idéaux si vous craignez de bricoler votre structure de fichiers de base WordPress.

2. Configurer une redirection automatique vers une page plus utile

Plugin WordPress Plus d'erreurs 404

Une alternative à une page d’erreur 404 consiste simplement à rediriger le visiteur. En termes simples, une redirection de page est un moyen d’envoyer du trafic à partir d’une page Web (comme un erreur 404 page) à une autre. C’est un bon choix pour plusieurs raisons.

Par exemple, si vous avez modifié l’URL d’une ancienne page ou posté ou supprimé tout ancien contenu, vous pouvez rediriger les visiteurs vers la nouvelle page. La bonne nouvelle est qu’il existe une pléthore de plugins de redirection disponibles, y compris Redirection et Safe Redirect Manager.

Configurez une page d’erreur 404 sur votre site WordPress aujourd’hui

Les erreurs 404 nécessitent une réponse rapide et professionnelle afin d’éviter que le trafic de votre site Web ne soit affecté négativement. Heureusement, WordPress permet de gérer facilement les erreurs 404 et de rediriger les visiteurs.

Faites-en plus avec DreamPress

Les utilisateurs de DreamPress Plus et Pro ont accès à Jetpack Professional (et à plus de 200 thèmes premium) sans frais supplémentaires !

Hébergement WordPress géré - DreamPress