Les meilleures pages 404 : 37 exemples que vous devez voir

Une page 404 épique ne va probablement pas faire gagner des prix à votre entreprise. Je comprends.

Mais elle montre que vous vous souciez de vos clients.

Une excellente page 404 peut être un moyen intelligent de montrer la personnalité de votre marque.

Mais cela vaut-il la peine d’investir dans une page 404 fantaisiste ?

Cela peut être le cas.

Parce que lorsque les utilisateurs atterrissent sur votre page 404, ils ne trouvent pas ce dont ils avaient besoin.

L’utilisation de liens, de graphiques intelligents et de textes pleins d’esprit peut leur faire oublier que vous avez (peut-être) fait une erreur et les remettre sur la bonne voie.

À la lumière de l’importance des pages 404, ce qui suit est une liste de 37 des meilleurs exemples de pages 404 que vous pouvez trouver en ligne.

Avant de plonger dans les exemples, prenons un moment pour revoir les bases d’une page 404.

Qu’est-ce qu’une page 404 ?

Une page 404 est une page de destination qui indique aux spectateurs de votre site que la page demandée est indisponible ou, dans certains cas, qu’elle n’existe pas.

Une erreur 404 indique aux utilisateurs que la page n’est pas accessible – et cela peut être un problème majeur.

Lorsque les utilisateurs ne peuvent pas accéder à une page, ils ne peuvent pas trouver les informations dont ils ont besoin.

Elle indique également à Google que votre site offre une mauvaise expérience client, ce qui peut entraîner une baisse du trafic et un classement plus bas.

Dans l’idéal, les visiteurs du site n’atterriraient jamais sur une page 404, mais la réalité est qu’elles se produisent de temps en temps – même sur des sites bien entretenus.

Pourquoi un visiteur peut-il atterrir sur une page 404 ?

Pourquoi un utilisateur peut-il obtenir une erreur 404 ?

Il existe plusieurs raisons, parmi lesquelles :

• Le serveur est en panne.
• La page a été déplacée et n’a pas été redirigée.
• La page n’a jamais existé.
• L’utilisateur a mal tapé l’URL.
• L’URL est cassée.

En gros, si un utilisateur essaie de visiter une page qui ne peut pas être trouvée, il sera envoyé vers votre page 404.

Quel est l’intérêt de faire une page 404 qui se démarque ?

Une page d’erreur 404 visuellement attrayante et conviviale montre aux clients que vous vous souciez de leur expérience et que vous souhaitez les garder sur votre site Web.

Lorsqu’elle est bien faite, une bonne page 404 aide les utilisateurs à vous pardonner l’erreur (même si c’était leur propre faute en tapant mal l’URL) et à les garder sur votre site.

Une excellente page 404 peut faire sourire les utilisateurs et – surtout – les aider à trouver ce qu’ils recherchent.

Nous avons examiné des dizaines de pages 404 pour trouver les meilleures qui mettent en valeur la créativité et la personnalité des marques.

Voici 37 des meilleurs exemples de pages 404 bien faites.

Disney

Disney frappe un grand coup avec sa page 404 en mettant en avant l’un des personnages les plus populaires connus pour la destruction – Wreck-it Ralph.

Ils mettent également en avant KnowsMore, un personnage secondaire de Ralph Breaks The Internet.

Les deux personnages sont appropriés pour la page 404, mais remarquez ce qui se trouve juste à côté de KnowsMore : une petite barre de recherche.

Il y en a une autre en haut de la page, mais celle-ci est carrément au centre, là où les utilisateurs la verront. Cette barre de recherche permet aux utilisateurs de rester sur la page en les aidant à trouver ce qu’ils recherchent.

Drift

Drift est un outil de marketing de conversion et une plateforme de vente qui propose des outils pour le chat en direct, les pages de destination, et plus encore.

La copie sur leur page 404 reste sur la marque en mentionnant les « conversations », mais travaille également pour garder les gens sur le site Web de Drift en offrant des liens vers leur page d’accueil, leur blog, et des liens vers quelques-uns de leurs morceaux de contenu les plus populaires.

Dans le coin supérieur droit, ils offrent également un chemin vers la conversion en fournissant le bouton Get Drift Free.

Help Scout

Help Scout fournit aux entreprises des outils pour les logiciels d’assistance, le support client par e-mail et les bases de connaissances en ligne.

Comme Drift, leur page 404 propose des liens vers leur blog et d’autres articles, mais ils utilisent un graphique mignon de chiens mignons pour garder les gens souriants.

Apartment Therapy

Apartment Therapy, un site de décoration intérieure, reste léger en plaisantant sur le fait que le washi tape (un ruban de papier populaire utilisé en décoration et en scrapbooking) ne peut pas réparer le lien cassé.

Juste sous le pli, ils établissent un lien vers plusieurs posts populaires pour garder les visiteurs du site engagés.

Ils ont également inclus une barre de recherche et leur barre de navigation principale pour que les utilisateurs puissent continuer à explorer le site.

CoSchedule

CoSchedule, un outil de planification marketing, reste simple avec un GIF de chien mignon et des liens vers leur page d’accueil et leur blog.

Cet exemple montre bien qu’il n’est pas nécessaire de dépenser beaucoup d’argent pour créer une page 404 engageante.

C’est simple, mais cela fait l’affaire.

Sprout Social

Sprout Social, l’outil de marketing des médias sociaux, veut vraiment garder ses clients sur la page.

Ils commencent par une réaction pince-sans-rire au fait d’atterrir sur la mauvaise page – mais ils poussent aussi une démo gratuite, tandis que le lien de la page d’accueil passe au second plan.

Puis, leur chatbot surgit pour savoir ce dont vous avez besoin.

En bas, ils font la promotion de leur newsletter.

Essentiellement, ils ont transformé leur page 404 en page de destination.

ConvertKit

Qui n’aime pas les chiens ?

ConvertKit reste léger en proposant une photo du chien d’un membre de l’équipe et un lien vers leur page d’accueil.

Mais, ils restent également professionnels en proposant leur chat en ligne et un CTA pour s’inscrire gratuitement.

Screaming Frog

Screaming. Frog est un outil conçu pour aider les propriétaires de sites à trouver et à réparer les liens brisés – et ils reconnaissent l’ironie d’avoir une page 404 en se moquant un peu d’eux-mêmes, puis en proposant des liens vers leur blog, leur page de contact et leurs services.

Contrairement aux autres pages 404 de la liste, celle-ci n’est pas statique.

Les mouches bougent sur la page, les poissons flottent et les nénuphars tournent.

C’est un petit changement, mais il donne l’impression que la page est bien pensée.

Moz

Moz reste simple avec un caméo de Roger Mozbat, la mascotte de la marque.

Sa présence est sur la marque et un moyen facile de faire sourire la plupart des gens.

Moz vous offre également une barre de recherche sur le site afin que vous puissiez trouver ce que vous cherchez.

BigCommerce

La page 404 de BigCommerce offre de nombreuses fonctionnalités que nous avons déjà vues auparavant – le CTA pour contacter, demander une démo, et un moyen facile d’explorer le site.

Mais ce qui ressort, c’est l’image de l’espace extérieur bien conçue, qui donne à la page l’impression d’être pensée et planifiée.

Il y a de fortes chances que les utilisateurs qui atterrissent sur votre page 404 soient ennuyés – un graphique créatif permet de donner l’impression que vous avez tout prévu et que ce n’était qu’un petit faux pas.

Kinsta

Kinsta, un hébergeur WordPress basé sur le cloud, adopte une approche similaire à celle de BigCommerce en proposant une image bien conçue sur sa page 404.

Ils conservent leur navigation supérieure et leur barre de recherche, afin que les utilisateurs puissent facilement trouver d’autres informations.

Ils utilisent également une pop up pour suggérer du contenu gated, ce qui aide probablement à stimuler les abonnés aux emails.

Lego

Lego reste léger en utilisant une grande image d’un bonhomme Lego accompagnée de la boutade « Désolé, nous ne pouvons pas trouver cette page ! ». Ne vous inquiétez pas, cependant tout est STILL AWESOME ! » qui est une référence à une chanson du film Lego.

Ils proposent également un lien vers leur boutique pour garder les utilisateurs sur place.

Slack

La page 404 de Slack est incroyable.

L’image ci-dessus défile réellement pour vous montrer une forêt avec des papillons volants, des cochons, des fleurs et des poulets.

Elle devient également en noir et blanc si vous passez à un autre onglet, ce qui, malheureusement, rend difficile d’obtenir une capture d’écran de l’awesomeness.

Rendez-vous sur leur site pour l’expérience complète.

Mailchimp

L’outil de messagerie Mailchimp reste simple – mais intelligent – avec sa page 404 animée d’un animal qui cherche dans un trou pour, vraisemblablement, la page qui est perdue.

C’est intelligent et montre que leur page 404 n’est pas une réflexion après coup.

okta

Okta est une société de gestion des accès basée sur le cloud et basée à San Francisco.

Leur page 404 est assez simple, mais j’aime beaucoup qu’ils proposent des raisons pour lesquelles le lien pourrait être rompu, ce qui aide les utilisateurs à comprendre ce qui a pu se passer.

Suisse

Swiss Airlines ne propose pas d’informations supplémentaires, autre qu’un lien vers leur page d’accueil et la barre de navigation, mais l’image de leur page 404 est vraiment soignée.

Les nuages se déplacent au fur et à mesure que vous guidez votre curseur sur la page, vous enveloppant de nuages.

C’est une fonctionnalité intéressante qui m’a gardé sur leur page 404 plus longtemps que je ne voudrais l’admettre.

Le monde magique

Comme beaucoup de fans de Harry Potter le savent , Harry se perd la première fois qu’il essaie d’utiliser la poudre Floo, une substance scintillante qui permet aux sorciers de voyager en les transportant dans presque n’importe quelle autre maison ou bâtiment doté d’une cheminée.

L’image ci-dessus montre la scène où Harry sort de la cheminée où il s’est accidentellement transporté couvert de suie – ce qui en fait l’image parfaite pour une page 404.

Sud-ouest

Voici une autre page 404 qui m’a fait sourire – d’abord, ils utilisent une référence à « Star Wars », ce qui permet de rester léger.

La page présente également un bâton mobile utilisé par les maréchaux de l’air qui dirigent les avions sur le tarmac.

À côté de l’image, Southwest propose des liens rapides pour aider les utilisateurs à trouver ce dont ils ont besoin.

C’est fonctionnel mais ça se démarque quand même.

9GAG

9GAG, la plateforme en ligne pour les mèmes et les vidéos, utilise un GIF totalement sur-brand pour sa page 404 et offre un lien unique qui dirige les utilisateurs vers leur application.

C’est simple, mais rester on-brand permet aux visiteurs du site de savoir qu’ils sont sur le bon site, même s’ils ne trouvent pas la page qu’ils cherchaient.

Flywheel

Flywheel, un hébergeur WordPress géré, propose cette page 404 excentrique pour faire savoir aux gens qu’ils ont atterri sur la mauvaise page.

Le langage décontracté reflète l’esprit général de leur marque, et le lien vers la page d’accueil aide les utilisateurs à trouver leur chemin.

Comme plusieurs autres marques, ils offrent également une fonction de chat pour aider davantage les utilisateurs qui se sont perdus.

Dan Woodger

Dan Woodger, un artiste et illustrateur, présente ses propres œuvres sur sa page 404. Son hamburger lumineux et joyeux est tout à fait à sa place.

Notez qu’il ne mentionne pas qu’il s’agit d’une page 404 et ne donne aucune autre information, si ce n’est un lien vers son œuvre.

Cet exemple montre qu’une excellente page n’a pas besoin d’être compliquée.

Distillée

Beaucoup de marques appellent leur page 404. Elles se disent que peu de gens verront cette page, alors qu’importe.

Mais mettre en valeur le style de votre marque sur une page (apparemment) insignifiante a beaucoup de poids.

Si vous vous souciez de votre page 404, il y a de fortes chances que vous vous souciiez aussi de vos clients et de vos consommateurs.

Distilled utilise une image de type infographique pour expliquer ce qu’est la page et ce qui a pu mal tourner.

Taco Bell

Taco Bell est connu pour être un peu irrévérencieux. Leur page 404 ne fait pas exception.

La page met en scène un taco dansant qui glisse et renverse ses garnitures, puis les ramasse à la pelle pour les remettre dans leur coquille.

C’est un rappel funky qu’ils savent que quelque chose s’est mal passé.

La page comprend également un lien vers la page d’accueil du site, le menu, les emplacements, et où acheter des cartes-cadeaux et des marchandises.

Magnt

Magnt offre un constructeur et des outils faciles à utiliser pour créer des sites, et ils sont fiers d’être meilleurs que votre constructeur de sites Web standard basé sur des modèles.

Leur page 404 met en avant la créativité de la marque avec un astucieux diagramme de Venn qui explore les raisons pour lesquelles vous avez pu atterrir sur cette page – « Nous avons cassé quelque chose » ou « Vous ne pouvez pas taper. »

Dribble

Dribble, une place de marché créative pour les professionnels du design, propose une page 404 entièrement fonctionnelle.

Les utilisateurs peuvent faire glisser le point sous la police 404 pour explorer les designers dans une gamme de couleurs spécifique.

Cliquer sur les blocs qui composent les numéros 404 vous amène à ces designers spécifiques.

Ils offrent également une barre de recherche, pour les utilisateurs qui préfèrent chercher le site de cette façon.

Overflow

La personnalité d’Overflow est placée en avant et au centre de leur page 404.

Leur ton conversationnel et leur humour sont invitants et accueillants, ce qui me connecte à vouloir cliquer à nouveau sur leur page d’accueil.

Et, la même voix et le même ton sont véhiculés sur la page d’accueil.

Wendy’s

À l’heure actuelle, vous avez probablement ri d’un ou deux tweets de Wendy’s.

Mais, à l’instar d’Overflow, Wendy’s poursuit le même flux de voix et de ton sur son site Web, même sur sa page 404.

Ils ont créé un jeu vidéo interactif pour les utilisateurs, similaire à Pac-Man sur leur page 404.

Voyez si vous pouvez atteindre Wendy jusqu’au bout !

Red Bull

La page 404 de Red Bull est un rêve pour tout professionnel du référencement ou du marketing.

Elle est truffée de liens vers des articles et une playlist de vidéos.

Red Bull fait même tourner la playlist de vidéos pour son événement le plus récent.

Vous pouvez voir sur l’image ci-dessus que Red Bull utilisait son événement de surf Red Bull Big Wave 2020 comme source d’inspiration.

Blizzard

Blizzard Entertainment, les créateurs de World of Warcraft, aussi connu sous le nom de WOW si vous êtes un geek comme moi. 🤓

Blizzard met en scène l’un de ses personnages les plus connus, un Murloc, pour vous aider à vous sauver de leur page 404.

Marvel

Marvel utilise ses différents personnages de comics comme Captain America, Deadpool, etc. dans une page 404 tournante.

Une petite astuce : continuez à appuyer sur rafraîchir. Tous les trois rafraîchissements, Marvel vous servira un visuel différent.

Patagonia

Patagonia s’accroche à sa page 404 en jouant sur sa décontraction, ambiance tropicale.

D’abord, ils engagent le spectateur avec une boucle vidéo, mais ensuite ils guident l’utilisateur plus bas dans la page vers des liens vers leurs catégories d’achat populaires.

Backcountry

Backcountry, un site Web populaire de matériel de plein air que je passe souvent beaucoup trop de temps à acheter des choses que je n’achèterai jamais, montre son côté drôle tout en se connectant avec son public.

Nintendo

Nintendo manque de pièces visuellement engageantes, ce qui m’a surpris, vous savez, étant Nintendo et tout.

Mais, ce qui est important, c’est que Nintendo ajoute des liens de ressources pour l’utilisateur.

Cela oblige les utilisateurs à rester sur le site web et à ne pas rebondir vers les SERPs.

Zillow

Zillow offre un avantage GIF interactif à ses chercheurs de maison.

Zillow utilise les données des clients pour voir que leurs utilisateurs aiment les animaux.

Et, pour garder ces amoureux des animaux engagés, ils ont créé ce chat interactif qui ajoute un petit rire à la fin quand il casse quelque chose dans le salon.

En tant qu’amoureux des animaux, je peux me connecter à cela !

H&R Block

H&R Block est un autre regard sur une page 404 pas-page 404 pas très attrayante, mais elle offre plus d’informations aux utilisateurs pour qu’ils continuent à cliquer et à s’engager sur leur site Web.

World of Warcraft

L’équipe de World of Warcraft reconnaît les compétences de son public avec quelques blagues sur les CDN et le above the fold.

Playstation

Playstation fait un joli clin d’œil à l’un de ses jeux les plus récents sur sa page 404.

Plus, ils fournissent des options pour retourner à la page d’accueil ou obtenir des conseils du centre d’aide.

Résumé

Dans un monde parfait, personne ne verrait jamais vos pages 404.

Elles resteraient cachées loin, comme le sac de bonbons Reese’s que je garde caché dans mon placard. Vous savez, pour les moments drastiques.

Mais dans le monde réel, des choses arrivent.

Les liens sont tronqués, les gros doigts glissent, et parfois vous oubliez simplement de rediriger une page. Commencez par utiliser un outil comme Screaming Frog pour trouver ces liens brisés.

Rappellez-vous, il faut du temps pour créer des pages 404 créatives qui attirent les utilisateurs plutôt que de les chasser.

La page 404 est une page de référence.