Les erreurs 404 doivent-elles être le cauchemar de tout webmaster ? S'agit-il d'une vérité ou d'un mythe qu'il faut déboulonner ? Que sont les erreurs 404 ? Quel impact ont-elles sur le référencement ? Existe-t-il une manière correcte de mettre en œuvre les erreurs 404 ? Ce sont les questions que nous explorons dans cet article.

hootsuite 404 page

 

Qu’est-ce qu’une erreur 404 ? 

 

Avant d'examiner les erreurs 404, il est bon d'avoir une compréhension générale des bases des protocoles HTTP du Web. Fondamentalement, l'internet est constitué de clients et de serveurs. Les clients, dans ce cas, font référence aux navigateurs que vous utilisez pour accéder à internet - Google Chrome, Safari, Opera, Firefox et Internet Explorer. Lorsqu'un utilisateur demande un site web, la demande est en fait envoyée aux serveurs web, qui répondent ensuite. L'utilisateur fait sa demande en utilisant le protocole HTTP.

 

Qu'est-ce qu'un HTTP ? Il s'agit de normes sur lesquelles tous les utilisateurs d'Internet se sont mis d'accord. Lorsque les utilisateurs effectuent des demandes, ce sont les codes d'état qui révèlent si la demande a abouti ou non. Ces codes d'état sont ce que l'on appelle des codes d'état HTTP.

 

Il existe différents blocs de code d'état HTTP :

 

  • 100 - généralement fait de demandes d'information
  • 200 - demandes réussies
  • 300 - utilisé pour les redirections
  • 400 - le bloc indique les erreurs du client
  • et 500 - montre des erreurs de serveur

 

Examinons de plus près le bloc 400, car c'est là que se situe l'objet de cet article - les erreurs 404. Le bloc 400 signifie qu'une page n'a pas été trouvée ou que le client a envoyé une requête avec un certain problème. Le problème vient du côté du client. L'erreur 404 résulte du fait que la page demandée n'a pas été trouvée.

 

Alors, comment définissez-vous une erreur 404 ?

 

Maintenant que vous avez compris ce que sont les codes d'état HTTP et leur source, comment définir une erreur 404 ?

 

Il s'agit d'un code de réponse HTTP qui indique que la page demandée par l'utilisateur n'a pas été trouvée. Il est généralement accompagné d'un message du type « page non trouvée » ou « La page à laquelle vous essayez d'accéder n'existe pas ».

 

Pourquoi les erreurs 404 devraient vous inquiéter

 

Les erreurs 404 sont extrêmement courantes. Mais, en tant que webmaster, devez-vous vous inquiéter si vous en avez sur votre site ?

 

Eh bien, tous les 404 ne sont pas mauvais. Rappelez-vous qu'ils sont le résultat d'erreurs du côté du client. Parfois, si un utilisateur tape mal votre URL, cela signifie qu'il demande essentiellement une page Web qui n'existe pas. Dans ce cas, le service 404 est une bonne idée. Notez que Google ne vous pénalisera pas si vous envoyez un message 404 en raison d'une « mauvaise URL ».

shopify 404

 

John Mueller, de Google, a déclaré dans sa vidéo sur les erreurs 404 :

 

"Dans les journaux de votre serveur, ou les analyses, vérifiez le trafic vers ces URL. S'il n'y a pas de trafic, c'est très bien. Dans la Search Console, vérifiez les liens vers ces URL. N'y a-t-il pas de liens pertinents ? C'est également une bonne chose. Si vous ne voyez rien de spécial dans les liens ou le trafic, le fait que ces pages renvoient 404 est parfaitement acceptable."

 

En revanche, si vous avez une page Web qui fait autorité, avec un «  jus de lien  » impressionnant (beaucoup de backlinks), et que lorsque les utilisateurs font des demandes, ils voient des 404, vous devez vous inquiéter. Cela peut parfois se produire lorsqu'une page est supprimée de votre site et même du serveur, mais qu'il reste des liens vers cette page supprimée et des signets qui existent toujours, ou à la suite de restructurations d'URL (par exemple, après avoir renommé des répertoires).

 

Les références périmées ou les mentions de liens comportant des fautes de frappe sont d'autres problèmes susceptibles d'entraîner une erreur 404.

 

L'impact des erreurs 404 sur le référencement SEO

 

Comme nous l'avons vu, les erreurs 404 doivent être une source de préoccupation, en fonction de leur cause et de la ressource qu'elles affectent. Examinons leur effet sur le référencement SEO .

Perte de PageRank

Lorsque vous avez des 404, les robots des moteurs de recherche essaient d'accéder à une ressource qui n'existe pas. À chaque fois, les robots envoient des signaux négatifs sur cette ressource particulière. Si cela se produit plusieurs fois, la ressource sera supprimée de l'index. S'il s'agissait de la page d'accueil de votre page ou d'une page de destination contenant des liens ou des informations importantes, cela signifie que cette page ne sera pas classée du tout. Que se passe-t-il pour vos utilisateurs ? S'il s'agissait de la page d'un produit sur un site de commerce électronique, cela signifie que vos ventes seront également affectées.

Mauvaise expérience utilisateur

L'objectif premier d'un site est de créer un point de contact entre les utilisateurs et votre marque. Si ce point de contact se traduit par une mauvaise expérience, il est inutile de l'avoir. Si les utilisateurs continuent à essayer d'accéder à une ressource et que tout ce qu'ils obtiennent, c'est une erreur 404, ils cesseront d'essayer. Et devinez où ils se dirigent ? Vers le site, le magasin ou l'entreprise de votre concurrent. Tôt ou tard, les robots des moteurs de recherche commenceront à noter les taux de rebond élevés, ce qui les amènera à classer votre site ou votre page Web de plus en plus bas.

404 error

 

Que devez-vous faire à propos des erreurs 404 ?

 

Que faire des 404 ? Une bonne façon de gérer les 404 est d'apprendre à faire des redirections. Les redirections sont utiles en cas de changement d'URL, par exemple lorsque vous disposez d'une ancienne URL avec un contenu évolutif qui apporte un trafic important à votre site et que vous décidez de changer l'URL pour une nouvelle. Vous pouvez également créer de superbes pages 404 lorsqu'il est nécessaire de les servir. Nous allons maintenant explorer ces options :

Redirections

Il existe plusieurs types de redirection, par exemple les redirections 301, les redirections HTTP, les redirections 302 et les redirections HTML. Lequel devez-vous utiliser ? Allons-y :

Redirections HTML

Ce type envoie automatiquement les utilisateurs vers un nouveau site après une période de temps spécifique. Il est accompagné d'un message indiquant que le site a été déplacé et qu'ils vont être redirigés sous peu.

 

Bien qu'il s'agisse d'une bonne idée en apparence, les redirections HTML peuvent être néfastes pour l'expérience utilisateur. En effet, l'utilisateur peut ne pas être préparé au changement important que représente le passage d'une ressource introuvable à un site entièrement nouveau. Pire encore, cela peut affecter la navigation lorsque l'utilisateur souhaite revenir à une page précédente. Il pourrait finir par revenir à l'erreur 404, puis s'embrouiller en cherchant une ressource spécifique.

Redirections 301

Quelles sont les situations qui peuvent nécessiter l'utilisation de cette redirection ?

 

  • Si vous déplacez votre site entièrement vers un nouveau domaine
  • Si vous avez tendance à avoir de fréquentes fautes d'orthographe dans votre URL
  • Si vous voulez faire une distinction claire entre les versions www et non-www de votre site comme dans www.abc.com et abc.com. Dans ce cas, vous devez déterminer quelle sera la version par défaut, puis rediriger la version non par défaut vers la version par défaut.

 

Les 301 sont une excellente option pour les vieilles pages ayant un jus de lien impressionnant. Celles-ci peuvent être redirigées vers des versions plus récentes qui sont assez similaires aux anciennes pages. Mieux encore, vous pouvez créer une nouvelle URL pour héberger l'ancienne page qui a commencé à afficher des erreurs 404.

Redirections 302

Cette redirection est idéale si vous êtes confronté à une situation temporaire. Par exemple, disons que vous êtes en train de reconstruire les sections principales de votre site Web. Vous pouvez utiliser une redirection 302 pour informer vos utilisateurs que la page est temporairement indisponible en raison des modifications ou des mises à niveau en cours.

Caveat

À ce stade, que se passe-t-il lorsque vous aviez utilisé une redirection 302 mais que vous avez décidé de ne pas la supprimer, par exemple, pour qu'une fois la construction de la section principale de votre site terminée, vous puissiez conserver à la fois la nouvelle et l'ancienne version ? Dans ce cas, les moteurs de recherche risquent de négliger le nouveau site et de continuer à indexer l'ancien, avec le contenu plus ancien. Il est plus prudent de s'assurer que vous utilisez les bons types de redirection.

 

Comment réparer une erreur 404 sur WordPress

 

Existe-t-il des moyens de gérer les 404 si vous utilisez un CMS comme WordPress ? Il existe des plugins comme le plugin Redirection.me qui peuvent faire un travail propre.

Comment utiliser le plugin Redirection

  • Vous devez télécharger, installer et activer le plugin.
  • Ensuite, allez dans « paramètres ».
  • Allez à l'onglet 404 et cliquez dessus pour examiner les problèmes détectés.

redirection plugin

 

  • Vous devez ensuite remplir la section Redirect avec les URLs à partir desquels vous voulez rediriger les données
  • Remplissez les nouvelles URL, celles vers lesquelles vous voulez rediriger dans l'onglet de destination.

redirections

 

  • Sauvegarder les changements

 

Les autres plugins que vous pouvez utiliser sont les suivants :

 

  • Redirections 301 simples
  • WP Redirection 404 automatique vers un article similaire
  • Yoast SEO Premium
  • Gestionnaire de redirection sécurisé

 

Utilisation de . htaccess pour une redirection 404

 

Vous avez besoin d'un serveur propulsé par Apache et le mod_rewrite doit être installé aussi. Vous devez accéder à votre fichier . htaccess.

 

Voici comment s'y prendre :

 

  • Accédez à votre cPanel et connectez-vous
  • Allez dans 'Fichiers' puis 'Gestionnaire de fichiers'.

cpanel file manager

 

  • Accédez au dossier racine des documents de votre site
  • Cliquez sur « paramètres ».
  • Sélectionnez « Afficher les fichiers cachés ».
  • Enregistrez
  • Cliquez à droite sur votre fichier . htaccess
  • Choisissez « modifier ».
  • Si vous n'avez pas de fichier . htaccess, vous devez en créer un. Pour ce faire, cliquez sur « nouveau fichier » en haut à gauche.

htaccess file create

 

  • Assurez-vous que vous nommez ce nouveau fichier '. htaccess'.
  • Assurez-vous que le répertoire dans lequel le fichier .htaccess est créé à /public_html/
  • Si une boîte de dialogue s'ouvre, cliquez sur « modifier ».

 

.htaccess en utilisant FTP (FileZilla)

 

Si vous n'avez pas accès à cPanel, vous pouvez accéder à votre . htaccess par FTP.

 

  • Ouvrez FileZilla et connectez-vous à votre espace web en utilisant le FTP.
  • Double-cliquez sur public_html pour afficher la liste des fichiers de votre site Web.
  • Sélectionnez . htaccess, cliquez avec le bouton droit de la souris et sélectionnez View/Edit.
  • Entrez votre nouveau code. Sauvegardez le fichier une fois que vous avez fini de le modifier
  • Cliquez sur Oui dans FileZilla pour télécharger votre nouveau fichier .htaccess.

 

Voici le code à utiliser dans votre fichier . htaccess. Le « problem-domain » fait référence ici au domaine qui sert 404s. Le « domaine redirigé » est la source vers laquelle vous redirigez l'URL qui a servi 404s. Vous devez commenter l'avant-dernière ligne et décommenter la dernière ligne pour éviter de créer d'autres erreurs - cette fois, une 403.

 

# REDIRIGER LES LIENS BRISÉS D'UN DOMAINE SPÉCIFIQUE

< IfModule mod_rewrite.c>

RewriteCond %{REQUEST_FILENAME} .*

RewriteCond %{HTTP_REFERER} ^https?://([^.]+\.) ? problème-domaine\. [NC]

RewriteRule (.*) http://redirected-domain.tld/target.html [R=301,L]

# RewriteRule (.*) - [F,L]

</IfModule>

 

Vous devez ensuite télécharger le code mis à jour sur votre serveur. Vous pouvez alors vérifier si les domaines problématiques donnent toujours des 404.

 

Redirection 404 en PHP

 

Vous devez placer le code de redirection dans le fichier redirect.php. Cela permet de séparer la fonctionnalité du code du message d'erreur 404 qui doit s'afficher sur le site (voir la section suivante).

 

Voici le code que vous devez ajouter à votre fichier 404.php après la déclaration < ? php :

 

include('redirect.php') ;

 

Créez un fichier nommé redirect.php dans le répertoire racine de votre site.

 

Vous devez ensuite y ajouter le code suivant :

 

< ? php// adresse actuelle$oldurl = strtolower($_SERVER['REQUEST_URI']);// nouveau

Adresse de redirection$newurl=' ' ;

 

« oldurl » est l'URL à partir de laquelle vous êtes redirigé et « newurl » est l'URL vers laquelle vous êtes redirigé.

 

Le code que vous ajoutez ici dépend de l'ampleur du besoin de redirection. Si la raison du 404 était un simple changement dans le nom de l'URL, par exemple, des versions singulières et plurielles, vous pouvez utiliser ce code simple :

 

$newurl = str_replace('book', 'books', $oldurl) ;

 

C'est le code que vous pouvez utiliser pour les redirections simples :

 

$redir = array('book' => '/books/', 'video' => '/videos/', 'demo' =>

'/demonstrations/main/') ; while ((list($old, $new) = each($redir)) && !$newurl({

Si (strpos($oldurl, $old) !==false) $newurl = $new;}

 

Le tableau ci-dessus ($redir) définit des paires de valeurs qui peuvent être configurées. Si la première chaîne se trouve dans l'URL à partir de laquelle vous redirigez, et que l'adresse vers laquelle vous redirigez est définie par la deuxième chaîne.

 

Si le mot « book » dans le code ci-dessus est trouvé dans l'URL à partir duquel vous redirigez, l'utilisateur sera redirigé vers l'URL avec « books ».

 

Si l'URL à partir de laquelle vous redirigez contient au moins deux des mots définis dans le code, le premier mot sera prioritaire. Si le premier mot est « book », c'est ce qui sera redirigé vers « books ».

 

Rediriger vos 404 dans Shopify

 

Pour rediriger vos 404 dans Shopify, vous devez accéder à la Google Search Console, afin de pouvoir examiner vos erreurs 404.

 

  • Une fois que vous avez terminé, connectez-vous et allez naviguer dans le tableau de bord.
  • Cliquez sur « Pages » dans la barre latérale gauche.
  • Cliquez sur « Introuvable (404) ».

gsc

 

  • Sous chaque type de dispositif, vous verrez également deux types d'erreurs 404 : soft 404 et not found.
  • Vous n'avez pas à vous soucier du premier point. Occupons-nous de la seconde.
  • Vous devez cliquer sur l'onglet « non trouvé » pour voir la liste des URL.

pages not found

 

  • Vous commencez alors votre analyse en filtrant les URLs avec des 404.
  • Prochaine étape ? Rediriger
  • Vous devez accéder à votre tableau de bord Shopify pour effectuer des redirections (voici notre guide sur la façon de rediriger des URL avec Shopify).
  • Sur votre tableau de bord, cliquez sur « navigation » sur la gauche.
  • Vous verrez un lien appelé « redirections d'URL » dans la partie supérieure centrale du tableau de bord.
  • Cliquez dessus
  • Cela ouvre une page qui vous permet de voir un bouton appelé « URL redirect ».
  • Cliquez dessus
  • Une fenêtre pop-up s'ouvre
  • Dans le champ Old URL, collez le lien à partir duquel vous voulez rediriger. N'incluez pas l'URL de votre domaine
  • Collez le lien vers lequel vous voulez rediriger dans le champ Redirection dans la nouvelle page. Cette fois, incluez votre nom de domaine dans le lien.
  • Si vous avez un certain nombre de liens, l'application Shopify SEO vous sera utile.

Note complémentaire

Tous les 404 n'ont pas besoin d'être redirigés. Vous vous souvenez des URL qui n'existent pas ? Elles ont besoin d'être redirigées. Il convient également de noter que la redirection des pages 404 vers la page d'accueil n'est pas une bonne idée en termes d'expérience utilisateur. L'utilisateur essaie d'accéder à des informations spécifiques, et le rediriger vers la page d'accueil n'est peut-être pas la meilleure façon de procéder. Cela peut être déroutant et ennuyeux, et augmenter vos taux de rebond. Vous ne voulez pas que les robots des moteurs de recherche vous surprennent sur ce point.

slack 404

 

Créez de superbes pages 404, pour les situations nécessaires

 

Comme tous les messages 404 ne nécessitent pas une redirection, il faut s'assurer que les pages qui servent les messages 404 nécessaires sont présentables. Par exemple, il est bon de donner des options à l'utilisateur. Vous pouvez lui faire savoir qu'il existe des pages similaires sur votre site qui ont le même contenu que celui qu'il recherche, et lui fournir les liens.

 

La page 404 doit également avoir un design attrayant pour retenir l'attention du client plus longtemps, alors qu'il décide de suivre vos options et de naviguer là où vous lui demandez de le faire. De cette façon, tout le monde est gagnant. Votre référencement n'en pâtit pas et l'utilisateur bénéficie d'une meilleure expérience lorsqu'il utilise votre site. L'une de mes pages préférées est la page 404 de Steve Lambert.

steve lambert 404 page

 

Plus important encore, la conception de la page 404 doit être cohérente avec celle du reste du site Web et des pages Web en termes de taille et de style de police, de couleurs et de thèmes.

 

Vous pouvez également inclure un onglet de recherche, afin d'encourager l'utilisateur à rechercher spécifiquement ce qu'il veut.

Création d'une page 404 sur WordPress

Si vous utilisez WordPress, vous pouvez utiliser le plugin w3 Total Cache pour servir les pages et les messages 404. D'autres plugins sont disponibles :

 

  • Plugin WordPress Ultimate 404
  • Redirection
  • Page 404
  • et 5sec Proper 404

Mise en place d'une page 404 à l'aide de . htaccess

Vous pouvez configurer une page d'erreur 404 à l'aide de . htaccess. Vous pouvez voir comment accéder à votre fichier . htaccess dans la section précédente sur le . htaccess. Après avoir accédé à ce fichier ou l'avoir créé, allons-y et créons notre message d'erreur 404.

 

  • Nous devons ajouter le message d'erreur au fichier . htaccess.
  • Voici un message que vous pouvez utiliser :

 

ErrorDocument 404 "<H1>Page non trouvée</H1>"

 

  • Vous pouvez également pointer vers une page HTML statique que vous avez mise de côté pour l'utiliser avec les 404. Voici comment procéder :

 

Document d'erreur 404 /404.html

 

  • Remplacez '404.html' par votre URL.
  • Cliquez sur enregistrer les changements
  • Un message de réussite devrait s'afficher

Mise en place d'une page 404 avec PHP

Voici le code que vous devez ajouter au fichier racine de votre site :

 

< ? php/// erreur 404 de base pageheader('HTTP/1/1 404 Not

Found') ; header('Status : 404 Not Found'); ? ><!DOCTYPE html><html

lang="en">< head>< meta charset="UTF-8">< title>Page non

trouvé</title>< /head><body><h1>Page non trouvée</h1><p>Désolé, nous ne pouvons pas

trouver cette page.</p><p><a href="/">Veuillez retourner à l'accueil

page&hellip;</a></p></body></html>

Création d'une page 404 avec Shopify

Avec Shopify, toute URL qui n'existe pas sera redirigée vers une page 404. Vous pouvez créer une page 404 personnalisée pour aider les visiteurs à naviguer vers les emplacements souhaités sur votre site.

 

Vous pouvez apporter des modifications en allant dans Thèmes>> Personnaliser et en sélectionnant la page 404 :

shopify 404

 

Vous pouvez également personnaliser l'application en allant dans le code actuel et en sélectionnant main-404.liquid pour y apporter des modifications :

404 liquid

 

N'oubliez pas que vous devez rendre cette page attrayante !

 

En conclusion

 

Nous avons examiné en profondeur les erreurs 404, les avons définies et avons étudié leur impact sur le référencement. Nous avons également vu comment traiter les erreurs 404 par le biais de redirections et de la création de pages 404 attrayantes à l'aide de . htaccess et de PHP, ainsi que comment gérer les redirections dans WordPress et Shopify. Il est important de savoir quelle méthode convient à votre site. N'oubliez pas que toutes les pages 404 ne sont pas mauvaises, il faut savoir quand les utiliser.