Aujourd’hui, nous allons découvrir de quoi est constituée une page 404 originale. Quelque soit l’utilisation qu’on puisse faire d’internet, tout le monde est déjà tombé sur une erreur 404. Ça ne vous dit rien ? Pas de panique, avant d’entrer dans le vif du sujet, voici une brève définition:

La page 404 provient d’un code d’erreur, numéroté 404. Cette page a pour but d’informer le visiteur que le contenu auquel il souhaite accéder est introuvable (404 NOT FOUND).

Pourquoi personnaliser sa page 404?

Vous êtes développeur web, webmaster, blogueur, ou encore webmarketeur? Dans ce cas, c’est à vous que revient la lourde tâche de créer ou configurer la page d’erreur 404. Si vous êtes ici, c’est très probablement parce que vous en avez déjà croisé certaines qui sortent du lot . Amusante, drôle, divertissante, originale, pratique, bien pensée, humoristique voir même un brin moqueuse… De plus en plus de sites internet disposent d’une page 404 personnalisée, pour ne pas dire optimisée.

Originalité, créativité, praticité: Toutes les clés d’une page 404 réussie

Avant tout, une page 404 originale reflète ou s’inspire de l’image ou l’état d’esprit que le site internet souhaite véhiculer. À l’origine, son objectif est d’afficher un message ou code d’erreur. D’un point de vue marketing, l’optimisation d’une page 404 peut faire des miracles. Pourtant, présente sur des millions de sites internet, elle est souvent trop négligée. C’est pourquoi, en plus d’informer le visiteur d’un “contenu introuvable”, un site internet à tout intérêt à faire en sorte sa page 404 soit utile!

Optimiser le maillage interne pour votre SEO on-site, transformer un visiteur qui s’est perdu en client, ou encore améliorer le capital sympathie de votre entreprise, ne sont que quelques exemples de ce que permet une page 404 parfaitement conçue.

Quelques pages 404 originales et créatives

Tout d’abord, nous allons voir que de nombreux professionnels ont d’ores-et-déjà adoptés les bonnes pratiques marketing pour une page 404. Presque banales ou très originales, relativement simples à extrêmement créatives. En avant, découvrons sans plus tarder quelques chefs-d’œuvre du Web en matière de page d’erreur 404.

Page d’erreur de LEGO

Pour commencer, quoi de mieux que la marque de jouet la plus connue au monde. La page 404 du site LEGO met en scène une figurine dont l’expression est tout à fait appropriée à la situation. Par ailleurs, on notera la présence d’un bouton appel à l’action. Celui-ci invite le visiteur perdu à débuter, ou poursuivre ses achats. L’exemple parfait d’une page 404 simple et réussie.

Page 404 LEGO
Page d’erreur 404 LEGO.com “Nous sommes désolés, cette page est introuvable!”

Page 404 Peugeot

Nous voici en route pour le second exemple, avec la page d’erreur du site du constructeur automobile Peugeot. À vrai dire, nous retrouvons un lien on ne peut plus évident. Le rapprochement entre notre fameux code d’erreur “404” et le modèle du même nom, la Peugeot 404! Facile, subtile, mais tout de même très original!

Page 404 Peugeot
Page d’erreur 404 Peugeot “La page que vous demandez n’existe pas.”

Une Page 404 originale de l’espace (NASA)

Une petite touche d’humour pour la page d’erreur du site de la NASA. Dans cet exemple, on nous explique que la page, ou plutôt “l’objet cosmique” que nous recherchons a disparu dans les profondeurs de l’espace.

Page 404 NASA
Page 404 NASA.GOV – “L’objet cosmique que vous recherchez a disparu au-delà de l’horizon des événements” (Frontière d’un trou noir)

Page 404 Amazon

Ensuite, découvrons maintenant une approche un peu différence de ce qu’on a pu voir dans les précédents exemples. La place de marché Amazon profite quant à elle de cette page pour créer, ou développer une certaine proximité avec ses clients. Nous l’abordions en introduction en évoquant la possibilité d’utiliser cette erreur 404 pour améliorer le capital sympathie. Sur cette page, Amazon nous propose de faire connaissances avec “les chiens d’Amazon”. En cliquant sur le lien, on y apprend par exemple que les employés partagent leur espace de travail avec plus de 6000 chiens au quotidien. Ainsi, cela permet de découvrir une autre facette de ce mastodonte du web, qu’on aurait peut-être jamais soupçonné.

Page d'erreur 404 d'Amazon
Page 404 d’Amazon – “DÉSOLÉ, cette page n’existe pas (plus)”

Page 404 Pixar

Enfin, Pixar décide de nous consoler avec un branding on ne peut plus pertinent! Ici, le studio met en scène “Tristesse” en larme, personnage de fiction, issue du film d’animation Vice-versa. L’illustration est accompagnée d’un message plein de compassion qui nous invite à ne pas pleurer. En effet, “Ce n’est qu’une erreur 404! Ce que vous recherchez a peut-être été mal rangé dans la mémoire Long Terme”. Entre autres, toujours en référence au film.

Page 404 Pixar
Page 404 Pixar – “AWWW… Ne pleure pas. Ce n’est qu’une erreur 404! Ce que tu recherches a peut-être été égaré dans la mémoire Long Terme”

La Page 404 très créative de Blizzard

Un autre exemple très réussi de page 404 originale. Celle du studio de jeux vidéo Blizzard Entertainment. Sur sa page 404, Blizzard nous met à disposition un Murloc (petite créature présente dans les jeux Warcraft et WoW). Celui-ci a pour mission de nous escorter pour un maximum de sécurité. Contrairement à ce qu’on pourrait croire au premier abord, ce n’est pas un véritable modèle 3D intégré à la page. En effet, il s’agit d’un clip vidéo embarqué (et bouclé). C’est-à-dire, un élément beaucoup plus facile à optimiser pour le Web, et beaucoup moins fastidieux à mettre en place. Respectant à 100% l’univers du studio, c’est tout à fait le style de page qu’un passionné serait tenté de partager de par son originalité.

Page 404 de Blizzard – “404 – PAGE NON TROUVÉE, Nous avons envoyé un murloc de secours pour vous escorter en sécurité. Mmmrrgmgrrrgmmll!”

Le meilleur pour la faim: La page très inspirante de Burger King

Nous arrivons désormais dans quelque chose de relativement bien ficelé d’un point de vue marketing. Si vous êtes sensible à la communication des marques de manière générale, vous savez peut-être qu’il est difficile d’en attendre moins de la part de Burger King! Cette page d’erreur 404 dispose de tous les éléments et critères qui définissent une bonne page 404:

  • Par exemple, on y retrouve un branding propre et efficace: Le 404 est dessiné à l’aide d’un burger.
  • Une touche d’humour: “OOOOPS ! CETTE PAGE A ÉTÉ DÉVORÉE”, tout en apercevant un croc en haut à droite.
  • Un appel à l’action clair et précis pour retourner à l’accueil
  • Une phrase d’accroche pour retenir l’attention et inviter l’internaute à découvrir des offres en bas de page.
Page 404 Burger King
Page 404 Burger King – “Oooops ! Cette page a été dévorée […] Mais ici il y a de quoi vous régaler !”

Page 404 Ubereats

Dans la même idée que la page d’Erreur de Burger King, mais un peu moins poussée. En effet, UberEats profite également de cette page pour nous inviter à découvrir de bons petits plats.

Page 404 Ubereats

Page 404 d’UberEats – “Rien à se mettre sous la dent ici… Découvrez de bons petits plats”

Optimisez votre page 404

Et voilà! C’est ici que s’achève notre liste d’exemples de pages 404. Désormais, vous savez pourquoi il est intéressant de travailler une des pages d’erreur la plus incontournable et pourtant sous-exploitée d’internet! Nous espérons que vous avez appris des choses intéressantes et trouvé une partie de l’inspiration que vous recherchiez. Une choses est sûre, désormais vous avez une idée assez précise de ce qui fait qu’une page d’erreur 404 est réussie. Vous avez un site ou un blog avec une page par défaut? Passez à l’action en implémentant ce que vous pu apprendre ou retenir d’intéressant pour votre business!