De temps en temps, votre recherche Internet se heurte à un message qui lit quelque chose comme «Erreur HTTP 404». Cela peut se produire lorsque le lien de la page que vous avez recherché a été modifié, déplacé ou simplement introuvable sur le serveur. Ou, il peut avoir été complètement supprimé; peut-être avez-vous même tapé la mauvaise URL. Quelle que soit la raison, vous avez perdu votre chemin sur l’autoroute Internet et un message d’erreur 404 est le moyen de vous le faire savoir.

Juste au cas où vous n’auriez jamais rencontré un message comme celui-ci auparavant, vous pouvez essayer ceci: tapez l’URL de n’importe quel site Web et suivez le «/» à la fin avec une chaîne de charabia. De telles erreurs sont inévitables; des liens rompus, des URL inchangées et de nombreuses autres raisons peuvent entraîner une erreur 404 sur votre site. Cela risque d’être vraiment ennuyeux pour le visiteur et lui donnera envie de s’éloigner de votre site. Cependant, il ne doit pas en être ainsi. Vous pouvez concevoir la page d’erreur 404 avec un peu de soin afin qu’elle suscite de l’intérêt ou de l’amusement chez le visiteur, faisant ainsi s’attarder un peu plus sa souris sur votre site Web. Cet amusement peut laisser un bon souvenir et pourrait leur donner envie de revenir un peu plus tard.

Ainsi, il est logique de concevoir une page d’erreur avec un certain soin. Rediriger un visiteur, l’aider à faire avancer sa recherche ou simplement lui apporter un sourire contribuera grandement à assurer des visites répétées. Certaines manières imaginatives dont 404 pages d’erreur ont été conçues dans certains sites Web sont mises en évidence dans les exemples qui suivent.

Maxemail

emailcenteruk-404-exemple-d'erreur-introuvable

Maxemail, anciennement Email Center UK, propose des services de marketing par e-mail. Sur le site Web, vous comprendrez que le marketing par courriel n’est pas simplement un exercice de création de listes. Sur la page d’erreur de ce site Web, les membres de l’équipe de développement se pointent du doigt pour savoir qui doit être renvoyé pour la gaffe. On vous montrera également le chemin du retour avec un lien vers la page d’accueil.

Novak Djokovic

novakdjokovic-creative-404-error-page-example

L’humour hors-terrain de ce joueur de tennis professionnel est visible sur la page 404 de son site Internet. Il demande aux visiteurs s’ils recherchent des balles perdues. Vous êtes ensuite guidé vers le menu.

Poisson mou

limpfish-minimal-error-404-page-exemple

Ceci est le site Web de David Barton, un artiste. La page 404 est pleine d’esprit et présentée sous la forme d’une petite annonce, avec la légende «Fichier non trouvé» trouvant une place dans la fente habituellement réservée à un numéro de téléphone de contact.

Super amoureux

superlovers-server-404-error-page-example

Il s’agit du site Web d’un studio de création français qui fait du design, à la fois en version imprimée et numérique. La page d’erreur vous informe que les anges ont la cabine téléphonique. Cependant, vous pouvez accéder au menu à partir de cette page et retrouver le chemin du retour.

Incore

incore-minimal-404-exemple-d'erreur-non-trouvée

Incore est une agence de marketing digital. Leur page 404 est une allumeuse mettant en vedette la photo de deux vautours inquiétants et demandant aux visiteurs perdus s’ils les recherchent vraiment ou s’ils aimeraient être rentrés chez eux.

AndroidDev101

androiddev101-exemple-d'erreur-non-trouvée

Sur ce site Web, on peut garder un œil sur les événements dans le monde des androïdes. La page 404 de ce site Web vous avertit du manque de compétences de navigation qui vous a amené à la page d’erreur en premier lieu.

Foxrate

exemple d'erreur de taux de renard introuvable

Foxrate propose une application gratuite basée sur un navigateur pour rassembler les avis clients de divers canaux de vente. Un petit chien jette un œil à travers le «0» dans le 404, pour vous dire qu’aucun renard ne peut être trouvé sur la page d’erreur.

Agens

agens-exemple-d'erreur-de-page-perdue

Agens a pour mission d’avoir des idées numériques brillantes et de les transformer en produits fonctionnels. Ils ont un astronaute perdu dans l’espace, errant et portant un drapeau 404. La légende suggère que vous jetiez un œil aux projets récents.

Panda ennuyé

boredpanda-404-exemple-de-page-d'erreur

Bored Panda est une communauté de personnes créatives. Il comporte des sections sur l’art, la photographie et le design. Un panda jure sur la page 404 qu’il n’a pas mangé les pages que vous recherchez. Les publicités sont affichées à droite et le menu reste en haut de la page.

Diffusion d’extension

exemple de page-erreur-de-diffusion-d'expansion

Les podcasts sortent de ce site Web et les listes de pistes sont présentées ici. Cette page 404 prend une fouille et vous appelle un sac de douche et est fière d’être présentée dans le magazine Smashing.

Capitaine Dash

captaindash-dark-404-error-example-page

Captain Dash est un site Web qui propose des services de gestion de données. Une application permet de convertir toutes les données ennuyeuses en informations significatives. La page d’erreur est assez simple et vous demande si vous recherchez Captain Dash dans les coulisses. Vous pouvez leur envoyer un e-mail à partir de cette page ou revenir à la page d’accueil.

Poires impaires

oddpears-funny-404-error-page-example

Odd Pears vend des chaussettes de qualité conçues de manière créative. En termes simples, ce sont des chaussettes magnifiquement dépareillées qui expriment l’individualité. La page d’erreur 404 montre une chaussette jurant, après avoir brisé un trou au niveau du gros orteil et vous avoir fait peur en pensant que vous aviez cassé leur site Web.

Espry

Exemple de page-erreur-404-non-trouvée-wearespry

Espry se décrit comme des artistes, des créateurs et des visionnaires du monde numérique. Leur page 404 a un chien mignon qui a l’air confus et porte une expression perdue, avec un bouton d’appel à l’action conseillant au visiteur de rentrer chez lui.

Petfinder

petfinder-creative-not-found-error-page-example

Petfinder est un site Web qui aide les animaux perdus à trouver une maison qui les adoptera. Vous pouvez appliquer des critères de recherche et trouver un animal de compagnie à adopter sur leur page d’accueil. Si vous vous perdez en faisant cela, vous verrez un chat pris dans la laine à tricoter ou un ami à bec qui vous hurle dessus, et vous serez guidé vers la page d’accueil. Le menu, les messages et les boutons d’appel à l’action dans la barre latérale sont également affichés dans la page d’erreur.

CloudSigma

Cloudsigma-404-exemple-de-page-d'erreur-drôle

CloudSigma est une installation de stockage Cloud. Si vous vous perdez sur ce site Web, vous rencontrerez leur développeur junior. C’est, en fait, un chat qui dort sur le canapé pour la plupart, mais qui trouve encore le temps de faire du codage.

Bitly

exemple de page d'erreur 404 bitly

Bitly est une plate-forme de raccourcissement d’URL et de gestion de liens. Un poisson flottant à l’envers dans la page d’erreur vous indique que quelque chose ne va pas ici. Des informations utiles sur les URL sont également fournies sur cette page.

FlixelPix

flixelpix-rien-trouvé-erreur-exemple

Comme vous l’avez peut-être deviné, FlixelPix est un site dédié à la photographie. La page Web affiche entièrement le message d’erreur, avec une suggestion de recherche. Pendant ce temps, un champ de recherche utile est à portée de main.

Swissmiss

swiss-miss-simple-404-exemple-de-page-d'erreur

Swissmiss est le studio de design de Tina Roth. Dans sa page d’erreur, elle est vue à travers un trou dans la toile indiquant aux visiteurs de lancer une recherche à partir de là ou de revenir à la page d’accueil.

Woothemes

woothemes-error-404-page-exemple

Woothemes est l’endroit idéal pour acheter des thèmes et des plugins WordPress. Ils sont les auteurs du populaire plugin WooCommerce. Un ninja avec une épée cassée vous fait savoir que vous avez atterri sur sa page d’erreur, et un champ de recherche bien visible vous aide à poursuivre votre recherche.

Conceptions Studio7

exemple de page d'erreur studio7designs

Studio7 conçoit des applications mobiles et des interfaces utilisateur réactives. Une silhouette d’ours vous fait savoir que vous êtes au mauvais endroit.

Graphiques de cuillère

spoongraphics-404-exemple-de-page-d'erreur-introuvable-

Spoon Graphics est le blog de Chris Spooner qui aide les autres à créer des designs sympas. La créativité est évidente dans sa page d’erreur, qui donne l’impression que vous avez réglé un téléviseur à la mauvaise fréquence et vous invite à appeler un ingénieur pour le réparer. Vous pouvez également choisir de revenir à la page d’accueil ou aux archives.

Hors de la zone de confort

outofcomfortzone-creative-404-error-page

Out of Comfort Zone est le blog de Frédéric Harper, technicien et entrepreneur en série. Il porte de nombreux chapeaux et tient à vulgariser la technologie. Sa page d’erreur a un design intelligent, montrant un poisson hors de l’eau hors de sa zone de confort. Vous pouvez appuyer sur n’importe quelle touche pour vous éloigner de la page.

Photographie Jess Marks

jessmarksphotography-page-not-found-error-404

Jess et Marks sont des photographes de mariage. Ils ont gardé leur page d’erreur simple, en utilisant uniquement des nuances de fond gris et un lettrage distinctif pour vous informer que vous êtes sur la mauvaise page. Ainsi, vous êtes invité à retourner au menu ou à passer à leur blog.

Adham Dannaway

exemple de page-erreur-introuvable-adhamdannaway

Adham Dannaway est un concepteur et un développeur front-end. Sa page d’erreur n’est pas la course habituelle du moulin. Il a Yoda émergeant d’un écran de bureau et le message est écrit comme si le maître Jedi lui-même parlait.

Soutien de la vie

exemple de page-erreur-support-vie

Life Support est le nom d’une boisson qui traite la gueule de bois. Leur page d’erreur blâme le visiteur pour avoir fait exploser Internet.

Avioa

avioa-page-not-found-404-error-page

Avioa est une configuration de conseil qui aide avec les stratégies commerciales. Ils laissent une invitation pour vous dans leur page d’erreur pour entrer en contact avec eux.

1er concepteur Web

Exemple de page d'erreur 1stwebdesigner-404

Il s’agit principalement d’une entreprise de conception Web qui se concentre sur le système de gestion de contenu WordPress. Ils vous disent que vous êtes dans la mauvaise page avec un truisme: tous ceux qui errent ne sont pas perdus. À partir de cette page, vous pouvez passer aux archives, lancer une recherche ou revenir à la page d’accueil.

Margaret Cho

margaretcho-simple-404-page-d'erreur

Margaret Cho est une comédienne de stand-up et une personnalité de la télévision, qui fait également des émissions en direct. La page d’erreur sur son site Web vous indique qu’il n’y a rien de mal à se perdre et que Margaret aussi se perd parfois.

Sylvester Stallone

exemple de page d'erreur sylvesterstallone 404

Sylvester Stallone est un acteur qui est passé à d’autres rôles dans la réalisation de films. Il est poli sur sa page d’erreur et vous propose de vous reprendre. Vous pouvez également parcourir le menu à partir de la page d’erreur.

Secrets d’hébergement Web révélés

exemple de page-d'erreur-récupérée

Ce site Web discute des options d’hébergement pour les sites Web et les examine également. La page d’erreur a Grumpy Cat prétendant avoir mangé la page dans un anglais grammaticalement incorrect.

Certaines des pages d’erreur illustratives ci-dessus doivent avoir attiré votre attention d’une manière ou d’une autre. Peut-être pourriez-vous aussi nous laisser jeter un œil à vos pages d’erreur?


Source link