Pourquoi votre page 404 est importante et comment la rendre brillante au lieu d'être ennuyeuse

Article écrit par:
  • Conception de site Web
  • Mise à jour: mai 08, 2019

A un moment de la vie de votre site web, un visiteur va tomber sur une page d'erreur 404. Peut-être la visiteuse ajoute-t-elle une étrange extension à la fin de l'adresse Web ou peut-être a-t-elle ajouté une vieille page à vos favoris et votre structure organisationnelle a changé. Quelle que soit la raison, lorsque le visiteur accède à cette page 404, vous souhaitez que ce soit un retour en arrière sur votre site ou vous risquez de perdre votre visiteur au profit de vos concurrents.

Le but de la page 404

erreur 404
Crédit photo: CyboRoZ

L'objectif de la page 404 est de garder un visiteur sur votre site même s'il clique sur une page qui n'existe pas.

Lorsque cela est fait de manière créative et avec un but, une page 404 peut non seulement retenir le visiteur, mais aussi lui faire traîner et vérifier ce qui se passe autour de votre point com. Quelques points à garder à l'esprit pour votre page 404:

  • Devrait être sans publicité
  • Doit informer l'utilisateur qu'elle a atteint la page par erreur, mais comment vous le laissez savoir peut refléter la personnalité du site
  • Faut-il diriger le visiteur vers d'autres pages ou vers la page d'accueil
  • Doivent être du HTML statique et ne pas contenir de scripts complexes susceptibles de créer des erreurs supplémentaires pour certains utilisateurs
  • Devrait charger le plus rapidement possible

Ce qu'il ne faut pas faire

Avant de parler de certaines utilisations créatives de la page d’erreur 404, voyons quelques exemples de pages 404 génériques et la raison pour laquelle vous ne devriez pas les utiliser. En tant que spécialiste du Web, vous comprenez automatiquement pourquoi une erreur 404 a été renvoyée. Cependant, les visiteurs de votre site peuvent être des débutants sur Internet ou ne pas comprendre parfaitement le fonctionnement des sites Web. Une page 404 générique peut frustrer ces débutants et les obliger à ne jamais revenir sur votre site.

Regardons un message d'erreur commun sur un site sans 404 personnalisé.

Message d'erreur 404

Dans l'exemple ci-dessus, le visiteur du site peut se demander pourquoi il existe une erreur 404 et quel est le chiffre pair. Ce message ne donne pas non plus la possibilité au visiteur de rester sur le site. Plus que probablement, l'utilisateur non-averti et non-averti quittera simplement votre site à ce stade. C'est une honte, car le seul problème pourrait être un mot mal orthographié ou une lettre égarée.

Exemples de bonnes pages 404

Prenez le temps de personnaliser votre message 404 et vous risquez moins de perdre les visiteurs qui tombent sur une erreur. Vous trouverez ci-dessous une capture d'écran du message 404 de mon propre site. Il canalise le visiteur du site vers d'autres choix sur le site. Espérons que le visiteur restera et vérifiera d'autres offres.

Lori Soard (mon site)

lori soard 404 page d'erreur
Page d'erreur 404 sur LoriSoard.com

Dans l'exemple ci-dessus, j'ai fait plusieurs choses pour canaliser les visiteurs du site vers le reste de mon site. Premièrement, l'aspect de la page 404 est identique à celui du reste de mes pages. Mon en-tête est là, de même que la structure de navigation. Si votre site est extrêmement graphique, vous souhaiterez peut-être utiliser quelque chose d'un peu différent pour accélérer le chargement de cette page.

J'ai également modifié le libellé pour que les visiteurs sachent que la page ne peut pas être trouvée sur le site, mais leur offre la possibilité de rechercher ce dont ils ont besoin. Enfin, plus bas sur la page se trouvent mes articles les plus récents et sous celui-ci (vous ne pouvez pas le voir sur la capture d'écran) se trouvent des catégories et des sujets populaires.

Cela offre au visiteur du site de nombreuses options, mais vous pouvez également restreindre le choix pour les diriger vers une page spécifique. Je le fais sur d'autres sites où le but du site est plus étroit.

Le secret de l'hébergement Web est révélé

Page 404 à WHSR

Il n’est pas surprenant que WHSR rédige bien leur page 404.

Chez WHSR, une page d’erreur 404 offre le même avantage d’avoir la même structure de navigation que le reste du site. L'image de chat grincheux ajoute une touche fantaisiste et le texte dit en plaisantant «le chat a mangé notre dossier».

Ajouter un peu d'humour peut garder les visiteurs sur votre site. Si la page d'erreur est drôle et bien écrite, le visiteur assume que les articles pourraient l'être également.

Médias Fontaine Bleue

Blue Fountain Media est un site qui fait vraiment une page 404. Bien que cela enfreigne la règle du non-script, il est efficace pour que le visiteur reste un peu sur le site. C'est aussi original et donc mémorable.

fontaine bleue média 404

Blue Fountain Media invite le visiteur qui ne trouve pas la page qu'il cherche à traîner et à jouer à un jeu de Pac Man. Qui pourrait résister? Bien entendu, la structure de navigation et les informations de contact se trouvent en haut de la page au cas où le visiteur voudrait plus d'informations sur Blue Fountain Media.

Puisque les gens adorent les jeux, le visiteur peut même ajouter cette page d’erreur 404 à ses favoris pour de futures visites.

Wikipédia

Wikipedia est un autre site qui brise certaines des règles de base de 404, mais le fait si bien que vous devez offrir un peu d'applaudissements à la brillance.

wikipedia 404

Wikipedia va encore plus loin dans 404 en supposant que le visiteur du site envisage de se rendre sur une page portant un nom d'extension similaire. Ensuite, Wikipedia redirige automatiquement le visiteur du site vers la page qu'il pense vouloir.

Bien que l'hypothèse puisse être ou ne pas être correcte, le visiteur est toujours dirigé vers une page intéressante, ce qui peut le maintenir sur le site ou l'inviter à explorer davantage. Il existe également des liens vers la page principale.

Conseils pour réorganiser votre page

  • Jetez les termes techniques. Les visiteurs de votre site se soucient peu de savoir pourquoi la page est absente ou ce qui a causé l'erreur autant qu'ils se soucient de se rendre à la page souhaitée.
  • Inclure un lien vers la page d'accueil.
  • Ne pointez pas votre doigt sur vos visiteurs. Personne n'aime se faire dire qu'il a tort. Au lieu de dire «vous avez saisi une mauvaise adresse», indiquez simplement que la page est introuvable.
  • La créativité est bonne, mais la folie ne l'est pas. La page 404 de WHSR (capture d'écran ci-dessus) en est un bon exemple car elle offre l'humour, mais ne permet pas aux singes volants d'effectuer un zoom avant ou arrière.

Google propose également Quelques astuces spécifiques pour créer une page 404 utile.

Comment ajouter une page 404 personnalisée

Comme la plupart de nos lecteurs sont probablement sur plateformes d'hébergement cette offre cPanel, je vais vous fournir des instructions et des captures d’écran pour le téléchargement de votre page 404 personnalisée via cPanel. Vous pouvez également configurer des paramètres personnalisés dans vos fichiers .htaccess. Si vous n'avez pas accès au back-end de votre site Web, demandez à votre fournisseur d'hébergement comment mettre en ligne une page d'erreur 404 personnalisée.

1. Personnaliser les erreurs via cPanel

Accédez au panneau de configuration de votre site. L'adresse est probablement quelque chose dans ce sens:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

Une fois que vous êtes connecté à votre panneau de contrôle, faites défiler jusqu'à la section intitulée «Avancé» et cliquez sur «Pages d'erreur».

panneau de contrôle3. Modifier les pages d'erreur

Une liste de pages d'erreur s'affichera, comme dans l'image ci-dessous. Cliquez sur 404 (Introuvable).

pages d'erreur

La page qui s’affiche est un endroit où vous pouvez insérer les codes de votre choix pour cette page.

WordPress Custom 404s

WordPress offre probablement le moyen le plus simple de personnaliser votre page 404. Utilisez simplement un plugin tel que:

  • Google 404
  • 404 utiles
  • Page d'erreur de style Dunstan

Si vous êtes à l'aise avec le codage, vous pouvez extraire le fichier 404.php de votre thème et ajouter du codage personnalisé pour forcer la page à faire ce que vous voulez. WordPress offre des instructions détaillées sur la façon de procéder.

Maintenant que vous avez des idées pour personnaliser vos erreurs 404 et comment le faire, vous voudrez prendre le temps de vérifier votre site pour des liens cassés. Après tout, la meilleure page 404 en est une qui n’arrive jamais. Si vous corrigez des liens brisés, les visiteurs risquent moins de tomber sur le redoutable 404.

A propos de Lori Soard

Lori Soard est rédactrice indépendante et rédactrice en chef depuis 1996. Elle est titulaire d'un baccalauréat en éducation anglaise et d'un doctorat en journalisme. Ses articles ont été publiés dans des journaux, des magazines, en ligne et plusieurs livres ont été publiés. Depuis 1997, elle travaille comme conceptrice de sites Web et promotrice pour les auteurs et les petites entreprises. Elle a même travaillé pendant quelques temps à classer des sites Web pour un moteur de recherche populaire et à étudier des tactiques de référencement approfondies pour un certain nombre de clients. Elle aime avoir des nouvelles de ses lecteurs.