Erreurs 404 : Une opportunité ou un dissuasif ?

Dans un monde où tous les écrans concurrents fragilisent notre attention, une mauvaise expérience utilisateur peut envoyer votre site Web, votre application ou votre logiciel au cimetière technologique. Uptrends comprend l’importance de la performance de votre produit, de ses temps de chargement et d’une expérience utilisateur sans erreurs pour votre réussite. Et un domaine où de nombreux concepteurs Web sont négligents est celui de l’erreur 404, page introuvable.

Bien sûr, les moniteurs Uptrends vous informeront si des demandes pour vos pages surveillées commencent à émettre des erreurs 404, mais vous ne pouvez pas les arrêter, en particulier lorsqu’une erreur provient de l’utilisateur. Une erreur 404 se produit pour plusieurs raisons :

• Quelqu’un a involontairement changé l’URL sans se rendre compte que la page comporte plusieurs liens
• Les pages sont down en permanence ou pour maintenance
• Les anciens liens de sites externes pointent vers des pages qui n’existent plus
• Les utilisateurs ont fait une faute dans l’URL

Lorsqu’une erreur 404 se produit, tous les domaines ne les gèrent pas gracieusement.

Si vous commencez à rechercher des erreurs 404 sur le Web, vous verrez des exemples géniaux (ou pas…) de la façon de gérer les erreurs 404. Par exemple, un important détaillant américain redirige actuellement vers une page vierge. Une Page blanche ! Leur page ne donne même pas un message d’erreur, juste un gros vide. La page blanche est probablement la pire expérience pour une erreur 404, mais la valeur par défaut n’est pas vraiment meilleure :

Not Found
The requested URL was not found on this server.

La meilleure façon de gérer une erreur 404 est un vaste sujet de discussion parmi de nombreux professionnels de l’interface utilisateur, mais la plupart acceptent de dire que la page d’erreur par défaut ou la page vierge n’est pas la meilleure méthode.

Nous avons examiné comment certains des sites les plus visités gèrent les erreurs 404, et nous avons répertorié certains de nos favoris. Un peu plus bas, nous avons créé une courte liste de recommandations pour votre gestion des erreurs 404. Pour générer les 404 erreurs pour ce rapport, nous avons simplement ajouté « /arrgh » à l’URL de la page d’accueil des sites Web.

Excuses acceptées

Bien sûr, l’utilisateur peut avoir causé l’erreur lui-même, mais l’utilisateur s’intéresse-t-il à qui en est responsable ? Non ! De nombreux sites utilisent l’erreur 404 pour montrer leur côté humain et s’excuser.

Pourquoi ne pas en rire ?

Une autre façon dont les sites montrent leur côté humain est celle de l’humour. Bien sûr, en fonction de l’auditoire, ils devront peut-être se tenir un peu, mais cela ne fait pas de mal de s’amuser un peu. Nous avons trouvé plusieurs sites (y compris les nôtres) qui adoptent une approche sympathique et légère pour présenter les informations d’erreur.

Zappos.com considère leur audience principalement féminine avec leur page 404. Des mots comme « Whoops » sont une reconnaissance rapide qu’une erreur s’est produite sans jugement. Certains peuvent considérer leur personnage griffonné avec le message « Oopsie ! I see 404 error. Aw, sad face. » comme un peu trop, mais ce simple message dit à l’utilisateur que Zappos s’en préoccupe, et l’utilisateur peut aussi rire un peu.

Amazon s’excuse et profite de l’occasion pour partager quelque chose d’inattendu, les photos de chiens de leurs employés. Si vous cliquez sur le lien, vous obtenez une page avec des photos et des mini-bios.

Un peu d’aide ici !

Certains sites offrent des raisons possibles pour lesquelles l’utilisateur a atterri sur la page, mais les meilleures pages offrent aux utilisateurs un moyen de trouver leur contenu. Certains sites conservent l’en-tête de page active pour fournir à l’utilisateur la possibilité de naviguer sur d’autres parties du site. D’autres sites offrent un lien vers la page d’accueil, tandis que certains sites tentent de faire des suggestions en fonction de l’URL non valide. Le point principal est qu’ils ne veulent pas que le visiteur utilise le bouton de retour et quitte le site.

Forbes.com prend un moment pour s’amuser avec le code d’erreur, fait plusieurs recommandations, y compris le plan du site, et leur page d’erreur 404 précharge la zone de recherche. Forbes conserve l’en-tête et le pied de page complet accessibles à l’utilisateur.

Points à considérer pour la page d’erreur 404 de votre site

Une expérience utilisateur réussie reconnaît l’erreur, décrit l’erreur et donne à l’utilisateur les moyens de rebondir. Sans ce minimum, c’est une occasion manquée. Voici une liste de choses à éviter lors de la gestion des erreurs 404.

• Ne blâmez pas l’utilisateur. Bien sûr, l’utilisateur pourrait avoir fait quelque chose de stupide (comme ajouter « /arrgh » à l’URL), mais ne leur dites pas cela ! Utilisez-le ! Soyez humble et prenez le blâme, ou, au moins, reconnaissez l’erreur sans aucun langage dégradant ou dérogatoire. Même une petite blague envers l’utilisateur peut se retourner contre vous.
• Ne pas rediriger. Encore une fois, vous devez posséder l’erreur et laisser l’utilisateur savoir qu’une erreur s’est produite. Une redirection automatique sans aviser l’utilisateur peut confondre et frustrer de nombreux utilisateurs. La plupart des grands sites ont cessé d’utiliser les redirections pour les erreurs 404, mais un « célèbre site de diffusion de films » redirige par exemple vers la page de connexion sur la plupart des erreurs 404. Bed Bath & Beyond donne à l’utilisateur un avertissement sur la redirection avec suffisamment de temps pour que l’utilisateur puisse revenir sur la page.
• N’assumez pas que l’utilisateur sait ce que 404 signifie. Vous n’avez même pas à mettre le code d’erreur sur la page, mais de nombreux sites incluent le code. L’information importante est que vous ne pouvez pas trouver leur page, alors dites-leur avec des mots, pas un nombre sans signification.
• Ne pas les avertir. Dites-leur que l’erreur s’est produite, et, si possible, offrez des explications possibles d’une manière humble, polie et parfois ludique.
• Offrez une recherche si possible. Si votre site possède des fonctionnalités de recherche, assurez-vous que votre utilisateur le sait. Prévoyez la barre de recherche si possible. Assurez-vous que l’option de recherche est visible et proéminente.
• Donnez-leur des options de navigation. Si un utilisateur se trouve à l’extrémité sans sortie, sauf le bouton de retour, vous risquez de le perdre complètement. Si vous pouvez conserver la page d’erreur dans l’architecture de votre site avec les mêmes options de navigation, vous pourriez avoir une meilleure chance de garder les utilisateurs sur votre site. Beaucoup d’utilisateurs trouvent les sitesmaps utiles dans les situations d’erreur 404.
• Réparez-le. Lorsqu’un utilisateur obtient une erreur 404, à moins d’avoir saisi une mauvaise URL, il est probable qu’il ait cliqué sur un mauvais lien. Réparez les liens dans votre contenu et, si possible, contactez les propriétaires des liens externes pour les faire réparer. Vous ne pouvez pas contrôler toutes les sources possibles d’une erreur 404, mais vous pouvez vous assurer que votre contenu ne soit pas le coupable.
• Soyez conscient. Même les moniteurs Uptrends les plus simples vous alerteront si l’une de vos pages surveillées commence à émettre une erreur 404. Si votre page dispose d’un moniteur de vérification de la page complète (Full Page Check) configurée, vous obtiendrez également des informations sur les erreurs 404 des contenus tiers.

Assurez-vous donc de donner aux visiteurs de votre site la meilleure expérience possible avec des pages d’erreur 404 utiles et pourquoi pas amusantes. C’est votre chance de transformer une mauvaise situation en une opportunité pour vous et vos visiteurs (Assurez-vous de garder ces pirates au loin. Arrgh !).

Saviez-vous que vous pouvez surveiller des codes spécifiques, y compris les 404 ?

Avec les moniteurs Uptrends, vous pouvez indiquer à Uptrends de vérifier un code de statut spécifique. Donc, si vous avez une page qui envoie un code de statut spécifique comme une redirection, vous pouvez savoir si la redirection cesse de fonctionner. Vous pouvez même créer un moniteur avec une URL non valide (arrgh !) Pour vérifier que votre domaine renvoie le code d’état correct. Vous pouvez en savoir plus sur le blog : Nouveau ! Code d’état HTTP attendu.