Pages d'erreur 404 personnalisées : les meilleurs exemples de « page introuvable » qui enregistrent les pages Web endommagées

Nous l'avons tous vécu plus que nous ne le souhaiterions. Ce sentiment lorsque vous cliquez sur un lien en prévision de l'ouverture d'une nouvelle page Web qui a fait assez de valeur nominale pour attirer votre attention, seulement pour être frappé par la redoutable erreur 404.

Page. Pas. Trouvé.

Oh mon Dieu, oh mon Dieu. Si vous êtes l'utilisateur, vous êtes immédiatement frustré ou déçu. Si vous êtes le propriétaire du site Web, le moment où vous découvrez que vous avez un lien ou une page cassé est toujours un mélange d'embarras et de confusion - "mais cela a fonctionné hier !"

Cependant, parmi les perturbations, il y a souvent quelques joyaux cachés en ce qui concerne les pages d'erreur 404. Plutôt que de suivre les moutons, certains sites Web ont pris le temps de transformer leurs 404 pages en excuse pour utiliser une vague d'amusement ou d'informations supplémentaires -- plutôt malin si vous voulez mon avis !

Vous voulez que les meilleurs designs sélectionnés soient envoyés directement dans votre boîte de réception ?
Inscrivez-vous à la dose quotidienne de DesignRush !

Ces pages d'erreur personnalisées sont une source d'inspiration parfaite pour les autres concepteurs. Bien sûr, le meilleur des cas est une conception de site Web impeccable qui fonctionne impeccablement à chaque fois. Cependant, les choses arrivent, les thèmes tournent mal, les serveurs Web fonctionnent mal et les pages se cassent. Ainsi, un message personnalisé sur la marque sur votre site pour atténuer le coup et fidéliser vos visiteurs après un snafu est impératif. Certaines pages 404 sont si drôles que les gens continuent à les frapper exprès, et même à les partager avec leurs amis !

Pourquoi les pages Web d'erreur 404 sont-elles nécessaires ?

Les erreurs de page 404 se produisent lorsqu'un « lien brisé » ou une URL inexacte dirige les utilisateurs vers une page Web inaccessible.

Parfois, des erreurs 404 se produisent lorsque d'autres personnes ou entreprises en ligne mentionnent votre marque numériquement avec un lien rompu. Le plus souvent dans ces cas, les pages 404 apparaissent lorsque quelqu'un fait une faute de frappe dans le lien, par exemple en ajoutant une lettre supplémentaire à la fin d'une URL. En fait, 45,9% du temps, les gens tombent sur une page 404 à cause d'une faute de frappe, d'un ancien lien dans l'e-mail ou d'anciens signets qui ont enregistré un lien pour une page qui a depuis été supprimée.

L'une des occurrences les plus courantes de 404 pages, cependant, est lorsque les administrateurs de sites Web suppriment complètement la page alors qu'il existe encore d'autres liens sur leur site (et sur l'ensemble d'Internet) qui renvoient vers la page désormais désactivée. Dans ces cas, vous devez vous rappeler de désavouer les liens. Cela signifie que vous rompez les liens et dites aux moteurs de recherche que ces liens sont rompus, au lieu de les laisser apprendre par eux-mêmes et diriger les gens vers vos pages d'erreur.

Lorsque vous souhaitez déplacer ou supprimer du contenu, vous devez rediriger les pages - c'est à cela que servent ces redirections 301, 307 et 308. Une redirection 301/308 est une redirection permanente - chaque fois que quelqu'un accède à une ancienne page, il sera immédiatement redirigé vers la nouvelle.

Cependant, la redirection 302/307 est temporaire. Les administrateurs de sites Web les utilisent pour plusieurs raisons.

Croyez-le ou non, les moteurs de recherche peuvent conduire les gens à 404 pages. Par exemple, lorsque vous effectuez une redirection correctement, les personnes doivent atterrir sur la page vers laquelle vous les dirigez maintenant. Mais parfois, il faut quelques jours (ou plus) aux moteurs de recherche pour parcourir les pages et noter toutes les modifications que vous avez apportées. Dans ce court laps de temps, ils pourraient toujours amener les gens sur la mauvaise page 404.

À d'autres moments, il pourrait y avoir un bogue sur le site Web qui crée des liens rompus. Dans ce cas, vous devez demander l'aide de programmeurs et de développeurs. Après tout, une enquête a révélé que 17,5% des sites Web ont un lien rompu.

Comment surveiller les pages 404

Vous devez toujours surveiller les éventuelles pages 404 et tenter de les corriger dès qu'elles apparaissent. Heureusement, il existe des outils qui peuvent vous aider à trouver vos liens brisés et à les gérer. Certains incluent Screaming Frog, Dead Link Checker et, peut-être le plus populaire, les outils pour les webmasters de Google.

Création de pages Web d'erreur 404 efficaces

Une chose est presque certaine – vous aurez toujours 404 pages de temps en temps, même si vous faites tout correctement sur votre site. Mais la bonne nouvelle est que vous pouvez maximiser l'expérience utilisateur et minimiser leur apparence en désavouant les liens, en surveillant constamment les pages, en exécutant des vérificateurs de sites Web, etc.

Lorsque les erreurs se produisent, nous devons en tirer des leçons. Utilisez des programmes d'analyse de site Web comme Google Analytics pour améliorer les performances du site Web. Suivez ce que font les gens lorsqu'ils arrivent sur votre page 404. Ensuite, utilisez ces données à votre avantage.

Si, par exemple, la prochaine étape qu'ils franchissent après une page 404 est de revenir à la page d'accueil, vous pouvez placer un bouton clair et visible qui les y mènera dans votre conception. Ou, s'ils aiment visiter la page de contact après une erreur 404, créez un lien et simplifiez-vous un peu la vie.

Suivez le comportement et les informations des consommateurs pour voir ce qui fonctionne pour votre site Web et ce que vos consommateurs aiment et n'aiment pas. Ce qui est mieux? Il n'y a pas de conjectures avec ce type de chose - les chiffres et les données concrètes sur les visiteurs de votre site Web parleront d'eux-mêmes.

Les meilleurs modèles de pages d'erreur 404 que vous voudrez copier immédiatement

Après avoir parcouru Internet à la recherche d'erreurs (aussi bizarre que cela puisse paraître), il y a quelques pages 404 qui se démarquent des autres. Jetez-y un coup d'œil - peut-être que certains d'entre eux inspireront votre propre design de marque !

1. La page d'erreur 404 mappée : BluePath

BluePath travaille avec ses clients pour « créer et mettre en œuvre des stratégies d'analyse automatisées » qui aident les utilisateurs à s'éloigner des feuilles de calcul. Bien que cela soit génial en soi, ils ont également gentiment pris le temps de créer cette page d'erreur 404 originale.

La page affiche en fait une carte (sur laquelle vous n'êtes pas grâce à votre stupidité de naviguer « hors de la carte »). La copie sur la page dit également :

« Cette [carte] montre tous les crimes signalés à Atlanta au cours des deux dernières années. Pourquoi? Parce que c'est un crime que vous ne nous ayez pas encore embauchés !

Bien joué, BluePath. Bien joué.

2. L'erreur de page Snarky 404 : l'Australien

La principale marque d'information nationale d' Australie L'Australian revendique une gamme d'actualités nationales et mondiales et une couverture commerciale. Cependant, tout comme le reste d'entre nous, ils sont vulnérables aux erreurs occasionnelles. Dans ce cas, leur page d'erreur 404.

Mais plutôt que de se soumettre à la classique "page introuvable", l'Australien a choisi d'utiliser la page comme une chance de fouiller sournoisement plusieurs politiciens australiens (Donald Trump et un morceau de charbon font également la liste, étrangement). Chaque politicien a une citation qui lui est associée et ses réflexions sur le lien rompu.

3. La page d'erreur Gamified 404 : Kualo

D'accord. C'est peut-être la meilleure page d'erreur 404 de l'histoire d'Internet. Kualo a décidé de transformer sa maison de liens brisés en un jeu de Space Invaders auquel les utilisateurs peuvent jouer. La gamification est un excellent moyen de transformer les internautes déçus en consommateurs de contenu très heureux.

De plus, les utilisateurs peuvent intentionnellement revenir sur cette page juste pour jouer au jeu classique. Puisque les moteurs de recherche voient tout (bonjour, Big Brother...) ils suivent également le temps des utilisateurs sur la page. Cela a du sens – si vous passez beaucoup de temps sur une page, cela signifie que vous aimez vraiment le contenu. Si vous êtes un utilisateur régulier et que vous revenez sans cesse, les moteurs de recherche cartographieront votre parcours et récompenseront les sites Web avec un meilleur classement !

Ce qui est mieux? Non seulement vous avez la chance de jouer au jeu génial sur le site Web de Kualo, mais vous êtes en fait incité à le faire ! Si vous détruisez 1 000 envahisseurs, vous bénéficiez d'une remise sur leur hébergement. Tout autour, c'est vraiment un design incroyable et il m'a fallu une heure supplémentaire pour écrire cet article uniquement à cause de cette page. Chapeau à Kualo.

PS Pouvez- vous battre notre meilleur score ?

4. La page d'erreur excentrique 404 : l'index Web inutile

L'index Web inutile - avec son nom très approprié - a décidé de nous donner le suricate bien-aimé dans leur conception de page d'erreur 404. Plus vous passez de temps sur la page, plus il y a de suricates qui arrivent, à tel point qu'après environ 10 secondes, il y en a au moins huit à l'écran.

Vous vous sentez presque mal pour les suricates qui ont clairement du mal à trouver votre page web !

Bien sûr, la gamification fait des merveilles pour votre entreprise, mais incorporer une vidéo connectée à distance aux sujets 404 est également une bonne tactique. Les gens peuvent rester et le regarder jusqu'à la fin, ce qui en fait un autre excellent moyen d'augmenter le temps passé sur la page Web et d'améliorer vos mesures globales, même si 404 pages apparaissent.

5. La page d'erreur 404 illustrée : Lego

Si vous êtes un fan de Lego, vous apprécierez leur conception de page d'erreur 404. Comme certaines entreprises l'ont déjà souligné, la page 404 est en fait une excellente excuse pour utiliser une page erronée pour réaffirmer votre marque ou votre produit aux visiteurs.

Lego est en fait célèbre pour utiliser diverses tactiques pour augmenter à la fois sa clientèle et ne jamais manquer une occasion de rappeler aux gens qu'ils sont pertinents. Ils ont une série de films d'animation, de jeux vidéo, de contenu supplémentaire, etc. Lego est là pour les personnes de tous âges, à partir des bébés briques Lego Duplo à leurs boîtes Architect qui permettent aux adultes de construire des répliques des monuments les plus célèbres.

Nous n'en attendions pas moins pour leur page 404. Dans ce cas, la page 404 de Lego est très illustrative : le « câble » qui reliait le lien sur lequel vous avez cliqué à la page Web est cassé, et un pauvre type est tombé dessus à sa grande horreur !

6. La page d'erreur Punny 404 : Blue Daniel

Dans le cadre de son portfolio, Daniel Karcher a choisi d'utiliser la page d'erreur 404 pour montrer encore plus ses compétences. Il a opté pour un décor de métro, avec des panneaux publicitaires utilisant des jeux de mots et un jeu de mots pour une touche humoristique.

Dans son message d'erreur, vous remarquerez des références au film « The Missing » et à l'émission télévisée « Lost ». Ce dernier a superposé des graffitis pour poser aux utilisateurs la question « êtes-vous PERDU ? »

Puisque vous vous êtes évidemment égaré sur cette page 404, vous avez la possibilité de revenir au niveau principal. Astucieux!

7. La page d'erreur 404 aventureuse : Emirates

Comme mentionné au début de l'article, certaines entreprises utilisent une combinaison d'humour et d'informations utiles pour créer une page d'erreur 404 qui ressemble plus à une partie du site Web qu'à une section ou un lien cassé.

Emirates est un excellent exemple, qui associe une blague ironique à des liens vers leurs pages les plus visitées. Ils disent : « Désolé, nous avons parcouru le monde, mais nous n'arrivons pas à trouver cette page. » Suggérant que depuis qu'ils sont partout, la page que vous recherchez n'existe presque certainement pas - d'oh !

Compte tenu du fait que 73,7% des personnes qui atterrissent sur une page 404 quittent le site immédiatement, c'est une excellente tactique pour garder les visiteurs sur votre site en proposant des liens vers les pages les plus visitées.

Lorsque les gens ne trouvent pas ce qu'ils cherchent, ils perdent confiance. À leur tour, les moteurs de recherche perdent confiance. Et il suffit de dire que vous ne voulez pas que quiconque perde confiance en votre entreprise. Trouver un moyen de transformer une mauvaise situation comme un lien brisé peut vous aider à affirmer votre entreprise et même à impressionner les visiteurs de votre site Web.

8. La page d'erreur 404 minimale : astuces CSS

Il est probablement assez embarrassant pour un site Web de développement ou de codage Web d'avoir une erreur 404. Je veux dire, c'est leur travail de s'assurer que ces choses n'arrivent pas après tout - n'est-ce pas ?

Quoi qu'il en soit, l'équipe de CSS Tricks a réussi à transformer une erreur potentiellement embarrassante en une page 404 bien conçue. Le centre de la page a le style d'une feuille de papier déchirée, derrière laquelle se trouve le code qui aurait dû composer la page que vous essayez de visiter.

9. La page d'erreur 404 autodérision : Cloud Sigma

Nous pouvons comprendre ce que Cloud Sigma a fait avec sa page d'erreur 404. Nous disons toujours, en cas de doute, d'utiliser simplement des photos de chiens ou de chats pour atténuer les situations potentiellement mauvaises. Dans ce cas, le site présente une image d'un chat (désolé, leur développeur junior) essayant d'utiliser un ordinateur. C'est au bon moment. Vous ne pouvez pas vous empêcher de rire !

Mais plus important encore, l'erreur du site Cloud Sigma vous offre également une méthode claire de retour à leur page d'accueil. Si vous ne voulez pas que les gens quittent complètement le site Web, assurez-vous que le retour à la page d'accueil est toujours facile et à portée de clic.

10. La page d'erreur 404 non conventionnelle : LimpFish

Enfin, Limpfish a utilisé une version originale d'une page d'erreur 404 pour redonner le sourire à chaque utilisateur. Certes, j'étais un peu confus quand j'ai vu cela pour la première fois car cela semble être une combinaison d'une annonce de rencontre et d'une véritable demande liée à la technologie… Je ne sais pas ce qui est le plus évident. Mais si vous y réfléchissez, qui a plus besoin d'une bonne correspondance qu'un lien rompu ?

Cependant, l'effet journal ajoute un peu d'ironie, étant donné que nous opérons sur Internet. L'objectif final a été un succès - ils nous ont fait sourire et rire, et nous n'avons pas quitté le site Web dès que nous avons atterri sur une page 404.

Ce qu'il faut savoir sur les pages 404

En ajoutant un aspect amusant, ludique, convivial ou gamifié qui correspond à votre identité de marque à vos 404 pages, vous pouvez garder le visiteur sur votre site et même promouvoir davantage votre entreprise. Un exemple notable, la gamification, coûte de l'argent supplémentaire, mais c'est un investissement intelligent qui réduit les taux de rebond.

Outre les 404 pages utiles et les tactiques que nous avons vues en action ci-dessus, nous avons également préparé une liste de choses à faire et à ne pas faire qui devraient vous aider à transformer l'accident en opportunité - en particulier parce que les gens se trompent toujours de temps en temps, et vous ne pouvez pas contrôler cela. Cependant, vous pouvez affecter leur expérience s'ils atterrissent sur une page cassée.

Voici quelques points à garder à l'esprit lorsque vous créez votre propre page 404 utile :

• Être honnête. Comme nous l'avons dit, il y aura 404 pages, et parfois ce ne sera même pas de votre faute. Quoi qu'il en soit, assurez-vous d'expliquer ce qui s'est passé et d'offrir des moyens de réparer la situation et d'aider les gens à trouver ce qu'ils recherchent.
• Ne manquez pas l'occasion. Ajoutez un peu d'humour et de personnalité à la marque pour que les gens ne partent pas frustrés – ou ne partent pas du tout.
• Engager les utilisateurs. Laissez-les jouer à un jeu si votre budget peut le supporter. Sinon, il existe plusieurs façons d'augmenter l'engagement. Ajoutez une vidéo, une illustration ou une animation mignonne. Essayez d'alléger la situation - si tout le reste échoue, des images et des vidéos d'animaux mignons fonctionneront également.
• Empêchez-les de partir. Chaque visiteur du site Web qui quitte est une occasion manquée de convertir un prospect en client. Vous pouvez ajouter des liens pertinents vers les pages les plus visitées ou intégrer une fonction de recherche sur la page 404 afin qu'ils puissent parcourir votre site Web.
• Ajoutez une incitation. Certaines marques proposent des incitations si vous trouvez leur page 404. De cette façon, vous pouvez même collecter plus de prospects. Par exemple, vous pouvez proposer une inscription à la newsletter, du contenu gratuit comme un livre électronique ou une étude de cas, et plus encore.
• Pas de publicité. Eh bien, pas au sens traditionnel du terme. S'il y a une erreur sur le site Web et que les gens y accèdent, n'essayez pas de survendre ou de leur laisser penser que vous quittez peut-être la page 404 exprès.
• Chargement rapide. Si les gens atterrissent sur une page cassée, vous ne voulez pas qu'ils attendent indéfiniment pour le découvrir. Une bonne vitesse de chargement est également recommandée pour toutes les autres pages de votre site Web. Le taux de rebond ne cesse d'augmenter à chaque seconde d'attente supplémentaire.
• N'utilisez pas de termes techniques compliqués. L'objectif est d'essayer de garder les utilisateurs sur votre site Web, et non de les éloigner avec un jargon compliqué et des termes inutiles.
• N'oubliez pas de surveiller vos liens brisés et de les réparer dès que possible.

Page introuvable... mais la conclusion est

La conception de la page d'erreur 404 de chaque site prend l'incident et le transforme en une opportunité de renforcer davantage la fidélité à la marque. Grâce à la créativité, à une conception stellaire et à un peu d'esprit vif, la conception de votre site Web n'aura pas non plus à vous soucier des erreurs - ce ne sera qu'une extension des offres de l'entreprise.

Notre dernier conseil : faites le maximum pour votre page 404, car 73 % des personnes qui partent après avoir atterri sur une page 404 représentent 74 % des clients potentiels perdus. Ce sont vos prospects qui s'éloignent, et une page 404 personnalisée pourrait bien les faire rester et naviguer davantage. Il ne s'agit pas de savoir si vous devez avoir une page 404 personnalisée ou non. La question est, pouvez-vous vous permettre de ne pas en avoir un ?

Vous voulez votre propre page d'erreur 404 personnalisée pour assurer une meilleure expérience utilisateur ? DesignRush a une liste des meilleures agences numériques qui peuvent créer une page Web sur la marque ET un site Web complet pour votre entreprise.

Vous voulez des designs plus inspirants? Inscrivez-vous à notre newsletter !