L’un des pires sentiments que l’on puisse éprouver en tant qu’utilisateur d’un site Web est de cliquer sur un lien et d’être amené à une page d’erreur 404. La page 404 est l’un des codes d’erreur les plus inoffensifs sur Internet, car elle indique simplement que la page demandée est manquante. Cependant, il peut aussi être l’un des plus frustrants et des plus marquants pour les utilisateurs, car le contenu qu’ils recherchent disparaît dans une bouffée de fumée. Google et les autres moteurs de recherche détestent également cette situation. Heureusement, il est assez simple de corriger l’erreur 404 de WordPress et de faire en sorte que l’interface utilisateur de votre site soit excellente, tant pour les robots des moteurs de recherche que pour les utilisateurs normaux.

Qu’est-ce qu’un code d’erreur 404 exactement ?

Le redoutable 404 est un code d’état de réponse HTTP. Il est similaire aux codes 503, 500, 301, etc. que vous pouvez voir occasionnellement. Ils ne sont pas tous mauvais. Par exemple, un code de réponse 301 signifie simplement qu’une page a été redirigée de façon permanente vers une autre. Les blocs 400 et 500 sont ceux dont il faut se méfier le plus, car ils correspondent respectivement aux erreurs du client et du serveur.

Le Mozilla Developer Network MDN définit le 404 comme suit :

Le serveur ne peut pas trouver la ressource demandée. Dans le navigateur, cela signifie que l’URL n’est pas reconnue. Dans une API, cela peut également signifier que le point de terminaison est valide mais que la ressource elle-même n’existe pas. Les serveurs peuvent également envoyer cette réponse au lieu de 403 pour cacher l’existence d’une ressource à un client non autorisé. Ce code de réponse est probablement le plus célèbre en raison de son occurrence fréquente sur le web.

Les points importants à retenir sont que l’URL n’est pas reconnue et que le point de terminaison est valide mais que la ressource elle-même n’existe pas. Nous allons vous montrer comment traiter ce genre de problèmes afin de limiter les 404 sur votre site à ceux sur lesquels vous n’avez (espérons-le) aucun contrôle.

Quand un 404 n’est pas vraiment un 404 ?

Eh bien, techniquement, un 404 est toujours un 404. Mais parfois, un 404 s’affiche alors qu’il n’y a rien à faire. C’est ce dont parle le MDN ci-dessus.

Par exemple, vous ne pouvez rien faire si quelqu’un tape incorrectement l’URL de votre site Web. S’il essaie d’atteindre elegantthemes.com/blog et qu’il tape elegantthemes.com/blag, il obtiendra une erreur 404. Ce n’est pas parce que notre site est mal configuré ou que quelque chose ne va pas – il y a simplement eu une faute de frappe. C’est ce que le MDN entend par « l’URL n’est pas reconnue ».

Et lorsque le point de terminaison est valide mais que la ressource elle-même n’existe pas, l’URL elle-même est parfaite. Elle a été parfaitement tapée, le lien est/était correct, mais ce vers quoi elle pointe a changé de place. Il s’agissait peut-être d’un lien vers un fichier elegantthemes.com/divi-changelog.pdf, mais nous avons renommé ce fichier en changelog.pdf. L’utilisateur obtiendrait un 404, mais il n’aurait rien fait de mal. C’est nous qui sommes responsables de ce problème, et nous pouvons le résoudre par une simple redirection 301.

Ou si la personne se rend sur elegantthemes.com/blackfriday un jour avant le début des soldes. Qu’est-ce qui l’accueille ? A 404. Non pas parce qu’elle fait quelque chose de mal, mais parce que la page n’est pas encore en ligne. L’URL est correcte et le contenu existe. Mais le navigateur ne peut pas le renvoyer car il n’est pas encore techniquement sur Internet. Encore une fois, c’est un 404, mais pas vraiment.

En gardant tout cela à l’esprit, passons à ceux qui échappent à votre contrôle et que vos visiteurs ne peuvent pas réparer en appuyant sur la touche Retour arrière. N’oubliez pas non plus que ces types d’erreurs 404 n’ont généralement pas d’incidence sur le référencement. En effet, les moteurs de recherche trouveront le contenu qui s’y trouve et ne saisiront généralement pas la mauvaise URL.

Comment trouver les erreurs 404 de WordPress

Lorsque vous travaillez avec WordPress et que vous essayez de trouver toutes les erreurs 404 que votre site peut avoir, vous pouvez commencer à n’importe quel endroit ou utiliser n’importe quelle méthode. Il existe cependant des méthodes simples et faciles pour les retrouver.

Google Search Console

L’un des principaux outils pour quiconque possède un site Web est Google Search Console. Si vous ne le connaissez pas, c’est le moment de vous y plonger et de vous y familiariser. À partir de ce seul tableau de bord, vous obtenez à peu près toutes les informations que vous souhaitez sur votre site Web. Si vous connaissez la façon dont Google Analytics décompose vos mesures, la Search Console procède de la même façon.

Par exemple, pour vérifier vos erreurs 404 WordPress, il vous suffit d’aller dans l’onglet Couverture à gauche du tableau de bord pour voir quelles sont les erreurs en question.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous verrez le nombre d’erreurs et de problèmes en général au fil du temps, et vous pourrez obtenir une analyse détaillée des erreurs en cliquant dessus. La Google Search Console fournit également une documentation sur la manière de traiter les différents problèmes et codes d’erreur. Par exemple, voici le document permettant de corriger les erreurs 404 qui apparaissent dans l’image ci-dessus: https://support.google.com/webmasters/answer/181708

Vérifier les liens externes

Dans WordPress (et d’autres plateformes CMS également), vous pouvez modifier vos permaliens très facilement. Dans WP, il suffit d’aller dans Paramètres – Permaliens, et vous pouvez faire en sorte que les URL de votre site s’affichent dans la structure que vous voulez. Quand vous le souhaitez. Mais il ne faut pas les modifier à tort et à travers. En effet, d’autres sites ont (probablement) déjà créé un lien vers votre site. Toute personne qui clique ensuite sur leur lien sera dirigée vers une page 404.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Le fait d’offrir aux internautes un lien de redirection ou un champ de recherche leur permet de trouver plus facilement la page qu’ils recherchent, mais vous devez vous assurer que cela reste limité. Pour ce faire, vous devez vérifier vos liens externes dans Google Search Console. Vous le trouverez sous Liens – Liens externes – Pages les plus liées.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez élargir pour voir chaque lien retour vers votre site en cliquant sur Plus. Le reste de ce processus est cependant manuel. Selon la façon dont votre structure URL a changé au fil du temps, vous voudrez prendre tous les liens individuels qui ont été modifiés. Par exemple, ceux qui passent de example.com/post-name à example.com/author/post-name. Vous voudrez alors prendre l’ancienne URL et la rediriger 301 en utilisant un plugin comme Redirection ou quelque chose de similaire en collant l’ancienne URL qui est cliquée et en collant la nouvelle pour la cibler.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Now, regardless of what external links someone clicks, they should be taken to the correct page on your site, bypassing the Error 404 Page Not Found entirely.

Comment créer votre propre page d’erreur 404 non trouvée

Réparer la page d’erreur 404 est une chose. Mais quelles que soient les mesures que vous prenez pour éviter que cela ne se produise, quelqu’un finira par atterrir sur la page d’erreur. Et vous devez être prêt pour cela. Heureusement, la création d’une page 404 est assez simple.

Dans certains cas, votre thème peut avoir une page d’erreur 404 déjà créée. Vous pouvez le vérifier dans le dossier wp-content – themes – theme-name. Vous recherchez un fichier appelé 404.php. Cela permet à WordPress de diriger le navigateur vers une page spécifique plutôt que de simplement afficher une page par défaut sans contenu.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Comme vous pouvez le voir dans l’image ci-dessus, le fichier 404.php est un fichier de base qui affiche simplement le code HTML que vous voulez que les visiteurs voient (ainsi que des crochets PHP et autres). Si vous êtes un codeur manuel, tout ce que vous avez à faire est d’écrire le code que vous voulez afficher et de sauvegarder le fichier via FTP ou votre gestionnaire de fichiers. Maintenant, tous les visiteurs qui obtiennent l’erreur seront dirigés ici.

N’oubliez pas que toute personnalisation que vous apportez au fichier 404.php de votre thème sera écrasée par les mises à jour ; assurez-vous donc d’effectuer toute modification dans un thème enfant. Vous pouvez trouver des détails supplémentaires sur la création d’une page 404 dans le Codex de WordPress ou dans notre propre guide détaillé.

Création d’une page 404 personnalisée dans Divi

Si vous êtes un utilisateur de Divi, nous vous couvrons également. Le créateur de thème Divi vous offre une grande souplesse dans la création de pages 404 personnalisées.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

N’oubliez pas de consulter notre guide détaillé et notre tutoriel avec un modèle téléchargeable qui vous guidera tout au long du processus.

Plugins pour créer une page d’erreur 404

Si vous n’êtes pas un utilisateur de Divi ou si vous ne voulez pas vous soucier de modifier des fichiers PHP, n’ayez crainte. Le dépôt de plugins de WordPress.org propose de nombreuses options parmi lesquelles vous pouvez choisir pour créer votre propre page d’erreur 404 personnalisée et la rediriger vers l’endroit où vous voulez qu’elle soit. Nous avons rassemblé une liste de certaines des options les plus populaires et les mieux notées.

Conclusion

Si votre site Web renvoie des erreurs, la page 404 est l’une des plus faciles à corriger. Certains thèmes intègrent des pages 404, tandis que d’autres vous donnent les outils nécessaires pour créer vos propres pages personnalisées. Si vous utilisez la Google Search Console, vous pouvez trouver un certain nombre d’erreurs 404, simples ou complexes, sur votre site et utiliser les plugins que nous avons énumérés ci-dessus pour vous assurer que votre référencement, votre classement et votre expérience utilisateur n’en pâtissent pas. Et n’oubliez pas que l’une des choses les plus importantes que vous pouvez faire sur une page 404 est de proposer un champ de recherche et une redirection vers la page d’accueil (ou une série d’articles suggérés) afin que l’utilisateur ne quitte pas votre site, mais continue à l’utiliser. Bonne chance, et que toutes vos 404 soient douces.

What do you do to manage your HTTP error 404s?

Article featured image by Zhitkov Boris / shutterstock.com

 

Source link

 

L’un des pires sentiments que l’on puisse éprouver en tant qu’utilisateur d’un site Web est de cliquer sur un lien et d’être amené à une page d’erreur 404. La page 404 est l’un des codes d’erreur les plus inoffensifs sur Internet, car elle indique simplement que la page demandée est manquante. Cependant, il peut aussi être l’un des plus frustrants et des plus marquants pour les utilisateurs, car le contenu qu’ils recherchent disparaît dans une bouffée de fumée. Google et les autres moteurs de recherche détestent également cette situation. Heureusement, il est assez simple de corriger l’erreur 404 de WordPress et de faire en sorte que l’interface utilisateur de votre site soit excellente, tant pour les robots des moteurs de recherche que pour les utilisateurs normaux.

Qu’est-ce qu’un code d’erreur 404 exactement ?

Le redoutable 404 est un code d’état de réponse HTTP. Il est similaire aux codes 503, 500, 301, etc. que vous pouvez voir occasionnellement. Ils ne sont pas tous mauvais. Par exemple, un code de réponse 301 signifie simplement qu’une page a été redirigée de façon permanente vers une autre. Les blocs 400 et 500 sont ceux dont il faut se méfier le plus, car ils correspondent respectivement aux erreurs du client et du serveur.

Le Mozilla Developer Network MDN définit le 404 comme suit :

Le serveur ne peut pas trouver la ressource demandée. Dans le navigateur, cela signifie que l’URL n’est pas reconnue. Dans une API, cela peut également signifier que le point de terminaison est valide mais que la ressource elle-même n’existe pas. Les serveurs peuvent également envoyer cette réponse au lieu de 403 pour cacher l’existence d’une ressource à un client non autorisé. Ce code de réponse est probablement le plus célèbre en raison de son occurrence fréquente sur le web.

Les points importants à retenir sont que l’URL n’est pas reconnue et que le point de terminaison est valide mais que la ressource elle-même n’existe pas. Nous allons vous montrer comment traiter ce genre de problèmes afin de limiter les 404 sur votre site à ceux sur lesquels vous n’avez (espérons-le) aucun contrôle.

Quand un 404 n’est pas vraiment un 404 ?

Eh bien, techniquement, un 404 est toujours un 404. Mais parfois, un 404 s’affiche alors qu’il n’y a rien à faire. C’est ce dont parle le MDN ci-dessus.

Par exemple, vous ne pouvez rien faire si quelqu’un tape incorrectement l’URL de votre site Web. S’il essaie d’atteindre elegantthemes.com/blog et qu’il tape elegantthemes.com/blag, il obtiendra une erreur 404. Ce n’est pas parce que notre site est mal configuré ou que quelque chose ne va pas – il y a simplement eu une faute de frappe. C’est ce que le MDN entend par « l’URL n’est pas reconnue ».

Et lorsque le point de terminaison est valide mais que la ressource elle-même n’existe pas, l’URL elle-même est parfaite. Elle a été parfaitement tapée, le lien est/était correct, mais ce vers quoi elle pointe a changé de place. Il s’agissait peut-être d’un lien vers un fichier elegantthemes.com/divi-changelog.pdf, mais nous avons renommé ce fichier en changelog.pdf. L’utilisateur obtiendrait un 404, mais il n’aurait rien fait de mal. C’est nous qui sommes responsables de ce problème, et nous pouvons le résoudre par une simple redirection 301.

Ou si la personne se rend sur elegantthemes.com/blackfriday un jour avant le début des soldes. Qu’est-ce qui l’accueille ? A 404. Non pas parce qu’elle fait quelque chose de mal, mais parce que la page n’est pas encore en ligne. L’URL est correcte et le contenu existe. Mais le navigateur ne peut pas le renvoyer car il n’est pas encore techniquement sur Internet. Encore une fois, c’est un 404, mais pas vraiment.

En gardant tout cela à l’esprit, passons à ceux qui échappent à votre contrôle et que vos visiteurs ne peuvent pas réparer en appuyant sur la touche Retour arrière. N’oubliez pas non plus que ces types d’erreurs 404 n’ont généralement pas d’incidence sur le référencement. En effet, les moteurs de recherche trouveront le contenu qui s’y trouve et ne saisiront généralement pas la mauvaise URL.

Comment trouver les erreurs 404 de WordPress

Lorsque vous travaillez avec WordPress et que vous essayez de trouver toutes les erreurs 404 que votre site peut avoir, vous pouvez commencer à n’importe quel endroit ou utiliser n’importe quelle méthode. Il existe cependant des méthodes simples et faciles pour les retrouver.

Google Search Console

L’un des principaux outils pour quiconque possède un site Web est Google Search Console. Si vous ne le connaissez pas, c’est le moment de vous y plonger et de vous y familiariser. À partir de ce seul tableau de bord, vous obtenez à peu près toutes les informations que vous souhaitez sur votre site Web. Si vous connaissez la façon dont Google Analytics décompose vos mesures, la Search Console procède de la même façon.

Par exemple, pour vérifier vos erreurs 404 WordPress, il vous suffit d’aller dans l’onglet Couverture à gauche du tableau de bord pour voir quelles sont les erreurs en question.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous verrez le nombre d’erreurs et de problèmes en général au fil du temps, et vous pourrez obtenir une analyse détaillée des erreurs en cliquant dessus. La Google Search Console fournit également une documentation sur la manière de traiter les différents problèmes et codes d’erreur. Par exemple, voici le document permettant de corriger les erreurs 404 qui apparaissent dans l’image ci-dessus: https://support.google.com/webmasters/answer/181708

Vérifier les liens externes

Dans WordPress (et d’autres plateformes CMS également), vous pouvez modifier vos permaliens très facilement. Dans WP, il suffit d’aller dans Paramètres – Permaliens, et vous pouvez faire en sorte que les URL de votre site s’affichent dans la structure que vous voulez. Quand vous le souhaitez. Mais il ne faut pas les modifier à tort et à travers. En effet, d’autres sites ont (probablement) déjà créé un lien vers votre site. Toute personne qui clique ensuite sur leur lien sera dirigée vers une page 404.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Le fait d’offrir aux internautes un lien de redirection ou un champ de recherche leur permet de trouver plus facilement la page qu’ils recherchent, mais vous devez vous assurer que cela reste limité. Pour ce faire, vous devez vérifier vos liens externes dans Google Search Console. Vous le trouverez sous Liens – Liens externes – Pages les plus liées.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez élargir pour voir chaque lien retour vers votre site en cliquant sur Plus. Le reste de ce processus est cependant manuel. Selon la façon dont votre structure URL a changé au fil du temps, vous voudrez prendre tous les liens individuels qui ont été modifiés. Par exemple, ceux qui passent de example.com/post-name à example.com/author/post-name. Vous voudrez alors prendre l’ancienne URL et la rediriger 301 en utilisant un plugin comme Redirection ou quelque chose de similaire en collant l’ancienne URL qui est cliquée et en collant la nouvelle pour la cibler.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Now, regardless of what external links someone clicks, they should be taken to the correct page on your site, bypassing the Error 404 Page Not Found entirely.

Comment créer votre propre page d’erreur 404 non trouvée

Réparer la page d’erreur 404 est une chose. Mais quelles que soient les mesures que vous prenez pour éviter que cela ne se produise, quelqu’un finira par atterrir sur la page d’erreur. Et vous devez être prêt pour cela. Heureusement, la création d’une page 404 est assez simple.

Dans certains cas, votre thème peut avoir une page d’erreur 404 déjà créée. Vous pouvez le vérifier dans le dossier wp-content – themes – theme-name. Vous recherchez un fichier appelé 404.php. Cela permet à WordPress de diriger le navigateur vers une page spécifique plutôt que de simplement afficher une page par défaut sans contenu.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Comme vous pouvez le voir dans l’image ci-dessus, le fichier 404.php est un fichier de base qui affiche simplement le code HTML que vous voulez que les visiteurs voient (ainsi que des crochets PHP et autres). Si vous êtes un codeur manuel, tout ce que vous avez à faire est d’écrire le code que vous voulez afficher et de sauvegarder le fichier via FTP ou votre gestionnaire de fichiers. Maintenant, tous les visiteurs qui obtiennent l’erreur seront dirigés ici.

N’oubliez pas que toute personnalisation que vous apportez au fichier 404.php de votre thème sera écrasée par les mises à jour ; assurez-vous donc d’effectuer toute modification dans un thème enfant. Vous pouvez trouver des détails supplémentaires sur la création d’une page 404 dans le Codex de WordPress ou dans notre propre guide détaillé.

Création d’une page 404 personnalisée dans Divi

Si vous êtes un utilisateur de Divi, nous vous couvrons également. Le créateur de thème Divi vous offre une grande souplesse dans la création de pages 404 personnalisées.

WordPress 404 Error
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

N’oubliez pas de consulter notre guide détaillé et notre tutoriel avec un modèle téléchargeable qui vous guidera tout au long du processus.

Plugins pour créer une page d’erreur 404

Si vous n’êtes pas un utilisateur de Divi ou si vous ne voulez pas vous soucier de modifier des fichiers PHP, n’ayez crainte. Le dépôt de plugins de WordPress.org propose de nombreuses options parmi lesquelles vous pouvez choisir pour créer votre propre page d’erreur 404 personnalisée et la rediriger vers l’endroit où vous voulez qu’elle soit. Nous avons rassemblé une liste de certaines des options les plus populaires et les mieux notées.

Conclusion

Si votre site Web renvoie des erreurs, la page 404 est l’une des plus faciles à corriger. Certains thèmes intègrent des pages 404, tandis que d’autres vous donnent les outils nécessaires pour créer vos propres pages personnalisées. Si vous utilisez la Google Search Console, vous pouvez trouver un certain nombre d’erreurs 404, simples ou complexes, sur votre site et utiliser les plugins que nous avons énumérés ci-dessus pour vous assurer que votre référencement, votre classement et votre expérience utilisateur n’en pâtissent pas. Et n’oubliez pas que l’une des choses les plus importantes que vous pouvez faire sur une page 404 est de proposer un champ de recherche et une redirection vers la page d’accueil (ou une série d’articles suggérés) afin que l’utilisateur ne quitte pas votre site, mais continue à l’utiliser. Bonne chance, et que toutes vos 404 soient douces.

Que faites-vous pour gérer vos erreurs HTTP 404 ?