Optimiser Votre Page 404

cacfd3
Posté par Domenico Micheletti à 12:57

Faites un test. Allez sur votre site web préféré et écrivez n’importe quoi à la fin de l’adresse URL de la page d’accueil. Que voyez-vous? Ah, la fameuse page 404, ce qui représente que la page demandée n’existe pas sur le serveur. Soit elle n’a jamais existé, soit elle a été effacée dernièrement et il n’existe pas de redirection. dans le jargon de programmeur veut dire « oh, tu es perdu, une telle page n’existe pas. » Bref, l’adresse n’est plus bonne.

figure1

La page 404 par défaut du serveur. Jolie, non?

Or, très souvent, on se retrouve encore aujourd’hui avec la page 404 par défaut du serveur. Si, si, vous la reconnaissez : elle est toute blanche avec quelques lignes de textes qui blâme votre dyslexie digitale si vous êtes présentement perdu dans l’abysse de l’Internet. Ces pages, par défaut, sont un vestige du passé : à une certaine époque où les modems roulaient à 14,400 octets par secondes, il était nécessaire d’avoir un message simplifiée pour annoncer qu’une page n’existait pas. Imaginez attendre qu’une page avec images et animations GIF se téléchargent sur plusieurs minutes pour finalement apprendre que vous avez fait une erreur dans l’URL et qu’une telle page n’existe pas. L’horreur! La simplicité et la légèreté étaient de rigueur à l’époque pour une simple question d’usabilité.

Mais aujourd’hui, la page 404 minimaliste provenant du serveur n’a plus sa raison d’être. Au contraire, la page 404 doit faire partie intégrante de votre site pour mieux servir vos usagers. Il ne suffit pas de dire « vous êtes perdus », il faut aussi les aider à trouver ce qu’ils cherchaient initialement.

Avec quelques modifications ici et là, votre page 404 peut devenir un avantage pour votre marque et améliorer l’expérience-usager de vos visiteurs.

Comment transformez la page 404 en une page utile pour vos usagers (et pour vous)

En faisant quelques modifications simples à votre page 404, vous pouvez transformer l’expérience de navigation et permettre à vos usagers de poursuivre la visite de votre site de façon conviviale. Comment? Voici quelques pistes de solutions :

  1. Intégrez le design général de votre site dans la page 404. Pas besoin d’avoir tous les éléments présents dans les pages normales du site mais l’usager doit avoir l’impression que la page 404 fait partie de votre site, qu’il est au moins sur le bon nom de domaine (mais pas à la bonne page).
  2. Changez la mention « vous avez fait une erreur » par « oups, nous avons probablement fait une erreur ». Ne blâmez pas l’usager pour une erreur qu’il n’a peut-être pas fait. Du même coup, n’hésitez pas à utiliser une touche d’humour propre à votre organisation dans les visuels et le texte de votre nouvelle page 404. Profitez-en pour faire passer un court message en lien avec votre axe de communication si vous le voulez.
  3. Proposez des pages alternatives à l’usager sur la page 404. Il ne faut pas que ce soit la fin de la route pour l’utilisateur. Si possible, proposez une page qui ressemble le plus à ce que l’utilisateur cherchait en se basant sur l’URL qu’il a utilisé. Vous pouvez également incorporer l’engin de recherche dans la page si vous en avez un, proposer un plan du site simplifié ou présenter les pages les plus populaires.
  4. Programmez une notification automatique d’erreur 404 et emmagasinez les à dans une base de données que vous analyserez une fois de temps en temps. Comprenez comment les usagers sont tombés sur la page et corrigez l’erreur. Faites le bon diagnostic : si c’est une page que vous avez effacé ou un mauvais lien sur un site externe, n’hésitez pas à faire des redirections 301.

Voici quelques sites qui ont créé une page particulière pour les erreurs 404. Si tous n’utilisent pas tous les conseils mentionnés précédemment, on remarque quand même qu’un effort a été fait pour communiquer l’erreur de façon distincte et propre à chaque organisation.

heinz-404
http://www.heinz.com/404.aspx

geeksquad-404
http://www.geeksquad.com/404/

google-404
http://www.google.com/404

github
http://www.github.com/404

N’oubliez pas non plus que peu importe comment votre page 404 peut paraître créative, votre objectif demeure d’éviter qu’un usager tombe sur celle-ci. Analysez vos données, découvrez comment les usagers se sont retrouvés dans un tel pétrin et faites les réparations nécessaires pour éviter qu’une telle chose arrive.

En conclusion, voici les éléments que devraient comprendre votre page 404 pour être optimisée:

  • Texte d’excuse personnalisée à votre entreprise
  • Design reprenant le look du site
  • Proposez des solutions adaptées à l’erreur
  • Soyez humoristique et passez un message si vous pouvez
  • Incorporez l’engin de recherche dans la page si vous en avez un


Articles relatifs :


Tags :

accessibilité, design, ergonomie, navigation





7 Commentaires

  • Nicolas a dit le 24 mai 2011 à 20:08 :

    Les pages 404 qui ont un lien d’un site externe sont disponible dans votre compte Google webmaster tools. Elles peuvent être corrigées à l’aide de redirections 301 et c’est un bon moyen de maximiser sa popularité aux yeux de Google.

    Merci Dom!!!

  • 1ternet a dit le 25 mai 2011 à 02:09 :

    Je préfère l’expression “la page n’existe plus” à “nous avons fait une erreur”. Je trouve moyen de parler d’erreur sur un site, peu importe qui l’a faite.

  • Jérôme a dit le 25 mai 2011 à 06:55 :

    Merci pour cet article, ce qui peut être intéressant c’est d’avoir un script php pour envoyer un mail en récupérant l’URL de la page visitée, comme ca a chaque fois que qqun tombe sur une page 404 tu es prévenu par mail.

  • Domenico Micheletti a dit le 25 mai 2011 à 08:04 :

    @1ternet : L’une ou l’autre des expressions est valide en autant qu’on évite de blâmer l’usager pour une erreur qu’il n’a probablement pas créé. Il faut faire attention toutefois de ne pas mettre juste “la page n’existe plus” puisque ceci sous-entend qu’elle a déjà existé et qu’elle a été effacé. Il est plus probable que la page recherchée ait été déplacée (et qu’elle existe toujours), qu’elle a toujours été à une autre adresse ou qu’elle n’a jamais existé.

    @Jérome : c’est une bonne idée pour des plus petits sites. Cependant, pour des sites plus importants et populaires, il est possible d’avoir une quantité importante d’erreur 404 par jour. Dans ce cas-là, vous ne voulez peut-être pas recevoir des courriels à chaque fois, vous risquez de trouver la journée longue.

  • Vincent a dit le 31 mai 2011 à 12:04 :

    Et dans Wordpress un plugin comme Simple 301 Redirects fait l’affaire : http://www.scottnelle.com/simple-301-redirects-plugin-for-wordpress/

  • création de site internet a dit le 16 juillet 2011 à 08:57 :

    Je conseille bien évidement aux webmasters de personnaliser le page erreur 404, mais aussi comme le dit Vincent de faire une redirection 301 ou 302 vers la page accueil ou la page qui remplace la page introuvable.

  • Nicolas Bouliane, Granby, Québec a dit le 12 octobre 2011 à 15:07 :

    Pour WordPress, j’utilise Permalink Finder. Il redirige automatiquement la page lorsque possible (en utilisant les mots dans l’URL), et log les pages qu’il ne peut rediriger. Très pratique pour trouver des liens morts vers votre site.

    De plus, il faut absolument avoir une page 404.php dans son thème. WordPress se charge de retourner le code d’erreur HTTP.

Commentez cet article