Share
Si un visiteur voit votre page d'erreur 404 standard, il risque de ne pas attendre longtemps avant de voir ce que votre site propose d'autre. Une page 404 personnalisée, invitante et utile, encouragera vos visiteurs à approfondir leurs recherches sur votre site au lieu de s’en écarter..
Aperçu de l'image de la page Tuts + 404.
La réponse simple est beaucoup. Une page 404 qui dit simplement "Page introuvable" ne sert à rien du visiteur - ajouter un lien disant "Retour à la page d'accueil" n'aide pas vraiment non plus..
L'absence d'une page 404 décente affaiblit l'expérience utilisateur. Les utilisateurs qui essaient de trouver une page sur votre site, mais qui s'y trompent ou qui y sont envoyés par un lien brisé, seront obligés de revenir à la page d'accueil et de réessayer. S'ils ne trouvent toujours pas ce qu'ils cherchaient, ils pourraient être frustrés et quitter votre site. Dans un monde idéal, les utilisateurs ne seraient pas du tout confrontés à des erreurs, mais la page 404 nous donne au moins la possibilité de nous excuser et d'aider les utilisateurs à trouver ce qu'ils cherchaient. Un utilisateur satisfait est plus susceptible de revenir dans le futur.
Pire encore qu'une mauvaise page 404 est l'absence totale d'une. L'utilisateur n'a alors aucune idée de ce qui se passe et il n'y aura même pas de lien vers la page d'accueil. L’absence de page 404 rendra votre site peu professionnel et ne fera qu’encourager les visiteurs à quitter le site..
Ceci est un exemple d'une mauvaise page 404. Le lien vers la page d’accueil est sa principale fonctionnalité. Il n’a pas l’air très agréable non plus. Si votre page 404 ressemble à ceci, elle a besoin d'amélioration!
Nous pouvons faire beaucoup pour améliorer notre page 404 vue d'en haut..
Le facteur clé pour une page d'erreur 404 est de la rendre facile et compréhensible pour l'utilisateur. Expliquez clairement que la page recherchée n’existe pas (il est donc utile d’utiliser un langage facile à comprendre et qui ne contient pas de jargon). Essayez d’expliquer pourquoi elle n’existe pas, la page a-t-elle été déplacée? Énoncez le problème de manière amicale et invitante.
Désolé, partenaire. La page que vous avez demandée ne se trouve pas dans notre base de données. Vous avez peut-être suivi un mauvais lien externe ou mal saisi une URL. - La page 404 de A List Apart
Ne faites pas de la 404 une expérience difficile. Faites-en une expérience amicale et positive!
Il est important que le design de votre page 404 reste fidèle au reste de votre site. Cela inclut votre logo, votre navigation, vos couleurs, etc. Le fait d'avoir une page 404 totalement indépendante du reste de votre site peut donner à l'utilisateur l'impression qu'il a été laissé à la dérive. En préservant votre marque, l'expérience 404 ne vous laissera pas se sentir comme un drame. L'utilisateur se sentira toujours impliqué avec le site.
Ceux d'entre vous qui ont joué avec Bootstrap de Twitter reconnaîtront leur marque familière, même sur la page 404.
Comme nous le signalons sans cesse, une page 404 doit être extrêmement utile pour l'utilisateur. Il existe de nombreuses façons d’y parvenir, mais voici quelques-unes des meilleures caractéristiques d’un 404:
Ne présumez pas que vos utilisateurs savent ce qu’est une «erreur 404». Vous devrez expliquer le problème de manière simple, conviviale et compréhensible. De cette façon, votre utilisateur ne sera pas dérouté par votre jargon. Mieux vaut dire quelque chose comme "Oups! Nous n'avons pas trouvé la page que vous cherchiez", plutôt que de simplement indiquer les faits, comme "Erreur 404: Page non trouvée"..
En tant qu'utilisateur, que préféreriez-vous voir?
404 Page de Apartmenthomeliving est assez amusant et décontracté. Mieux encore, (bien que cela ne soit pas visible sur l'image), la conception de la page reste conforme à l'image de marque du site et de nombreux liens incitent les visiteurs à rester sur place..
Avoir une conception de page d'erreur 404 de base minimaliste peut toujours être efficace.
Si vous avez un site gigantesque, tel que Google, avec de très nombreuses pages associées possibles, une page 404 contenant des éléments tels que des liens de sitemap, des listes de pages populaires ou un formulaire de recherche n'est pas particulièrement pratique et ne vous aidera probablement pas. l'utilisateur beaucoup quand même.
La page 404 de Google est très minimaliste mais fonctionne bien. Il existe toujours un lien vers la page d'accueil (le logo Google), écrit de manière conviviale et compréhensible. Le beau dessin aide également à créer une atmosphère détendue et calme.
Bien que cela semble aller à l’encontre de tout ce qui a été dit jusqu’à présent, s’il est trop irréaliste d’avoir une page 404 avancée, une simple page conviviale est tout aussi bonne..
Une bonne page 404 peut aussi être décontractée, et même drôle.
Créer une page 404 amusante et mémorable peut avoir un impact considérable sur le maintien de vos visiteurs sur le site. En outre, si vous avez une page 404 particulièrement amusante ou amusante qui reste dans l'esprit des gens, ils peuvent en parler à leurs amis pour que les gens le recherchent délibérément! Ce fut certainement le cas avec la page 404 de Github:
Github veille à conserver les aspects utiles d’une page 404, même s’ils éclairent l’ambiance avec humour..
La page 404 de Blizzard Entertainment est certes amusante, mais conserve tout de même les liens pour l'utilité, et (à certains égards, le même design de site).
Regardez cette vidéo, trouvée sur nosh.com, montrant qu'il y a beaucoup de place pour l'humour (et la post-production!)
BuySellAds adopte une approche vidéo humoristique similaire (bien que moins intensive en travail) à sa page.
Votre toute nouvelle page 404 personnalisée, bien conçue et utile, peut sembler superbe et fonctionner parfaitement, mais c’est exactement le genre de chose que vous ne voulez pas voir apparaître dans vos résultats de recherche. Il existe deux façons de garantir que votre page 404 n'apparaisse pas dans les résultats de recherche:
Accentsconagua
robots.txt fichier.La deuxième de ces deux méthodes peut également être utilisée pour empêcher les moteurs de recherche de rechercher les pages que vous ne souhaitez pas qu'elles affichent, telles que votre page 404, vos fichiers PHP de back-end (tels que les fonctions de connexion), etc. Ajoutez simplement leur URL à la robots.txt fichier et le télécharger sur votre serveur:
Interdire: /404.html
C'est très bien d'avoir une belle nouvelle page 404 personnalisée qui soit utile pour vos téléspectateurs, mais il est évidemment très important de vous assurer qu'elle est réellement utilisée. Pour vous assurer que votre serveur redirige les utilisateurs vers votre page 404 (au lieu d'utiliser uniquement la valeur par défaut), vous devez configurer votre fichier .htaccess..
La configuration de votre fichier .htaccess pour une direction 404 personnalisée est extrêmement simple. Premièrement, localisez le fichier .htaccess sur votre serveur (il devrait déjà s'y trouver, mais sinon, vous pouvez simplement créer un nouveau fichier portant ce nom), puis ouvrez-le. Ajoutez la ligne de code suivante:
ErrorDocument 404 /404.php
Assurez-vous que le chemin et l'extension du fichier coïncident avec votre fichier 404. Si votre fichier devait s'appeler 404-error.html et qu'il se trouvait dans un répertoire "error", vous modifieriez l'extrait de la manière suivante:
ErrorDocument 404 /error/404-error.html
Les navigateurs seront maintenant dirigés vers votre page 404 en cas d'erreur 404. C'est si simple!
Nous savons donc maintenant qu'au lieu de la page 404 standard par défaut du navigateur, ennuyeuse et inutile, il est de notre intérêt de passer du temps à créer nos propres pages 404 personnalisées. Si cela est fait correctement, ils aideront à garder les visiteurs sur le site et à réduire les taux de rebond.
