40,4 belles pages 404 + Etude communication erreur 404

Dans la création d’un site internet il est une page souvent négligée (ou dans la majeure partie des cas oubliée) c’est la page d’erreur 404. Que vous l’ayez personnalisée ou non, la page 404 existe sur TOUS les sites puisque elle provient d’une erreur http. Nous allons dans ce billet étudier comment pour les entreprises (et les autres) communiquer efficacement sur une page 404.

En conclusion j’étudierai un mauvais exemple d’une boutique française.

Les raisons qui amènent à une page 404

Il y’a 2 raisons qui puissent amener des internautes sur votre page 404 :

Les liens internes : Vous changez une URL dans votre site sans prendre le temps de faire une redirection 301 dans votre fichier .htaccess.

Les liens externes : Un blog ou un forum fait un lien vers votre site en se trompant dans l’adresse web. Ex un lien vers votresite.com/ifone au lieu de votresite.com/iphone

Si dans le premier cas il existe une multitude d’outils pour contrôler que vos liens internes soient corrects. Le deuxième exemple est du à une erreur humaine que vous ne pouvez contrôler..

404 : une erreur qui fait perdre de l’argent

Vous gérez un site d’entreprise, d’informations, une boutique en ligne ou même un blog comprenant des centaines de pages ? Sans le savoir, il se peut que votre page d’erreur 404 génère un trafic non négligeable et autant de prospects mécontent..

Le pire ? c’est que nous n’en sommes pas informés ! Ex. Sans configuration avancée, Google Analytics n’enregistre pas les pages 404… Donc :

1. Sans module de tracking 404 propre à votre système de publication
2. ni paramétrage de votre outil de mesure d’audience

Vous ne pouvez pas connaitre le nombre de clients potentiels perdus chaque jours ! (là je serai consultante indépendante je dirai : Donne moi 2′000€ je t’empêcherai d’en perdre 4000€ par mois ;)

40,4 belles pages 404

Je tiens à préciser qu’il a été très difficile impossible d’en trouver des françaises.. C’est ni le concours création de page 404 sur blog-conversion, ni l’annuaire fr des pages d’erreur 404 qui m’ont permise d’être émerveillée..

Du coup pour faire comme les anglophones (mais mieux !) Envoyez moi via les commentaires votre création de page 404 francophone !

PS. J’ai volontairement enlevée les liens cliquables car faire 40 liens vers des pages qui n’existent pas = danger pour le référencement de mon blog :s

Les pages 404 graphiques et minimalistes :

Rainfall 404 - Ma préférée ! Si semblable pour les autres erreurs HTTP

http://www.rainfall.ro/parlede

Sprawsm 404 page

http://sprawsm.com/parlede

Newspond 404 page

http://www.newspond.com/parlede

Designfire 404 page

http://designfire.ru/parlede

Socialthing 404 – Pretty sweet

http://socialthing.com/parlede

Room404 – Error 404

http://www.room404.ie/parlede

Springload 404

http://www.springload.co.nz/parlede

Haptonomie-blog 404 – Shuuuuuutt le bébé dort

http://www.haptonomie-blog.fr/parlede

Pyropoptrt 404 – Urgence Page Down!!

http://www.pyropoptrt.com/parlede

Poemofquotes 404 - Un poème sur le thème de la page 404, juste génial !

http://www.poemofquotes.com/parlede

B-ds 404 – C’est triste non ?

http://www.b-ds.fr/parlede

Johnnyjazz 404 page

http://www.johnnyjazz.com/parlede

Les pages 404 utiles et entreprises :

Carsonified 404 - Une de mes agence [EN] préférée

http://carsonified.com/blog/parlede

Youcastr 404 - Page 404 avec champ de recherche

http://www.youcastr.com/parlede

Studio7designs 404 – Des propositions claires

http://www.studio7designs.com/parlede/

Deaxon 404 page

http://deaxon.com/parlede

Vimeo 404 page

http://vimeo.com/parlede

Yourwebjob 404 – Pas de jobs ici [champ de recherche] cherchez en un.

http://yourwebjob.com/parlede

Larondedesfromages 404 - Accèder au plan du site ?

http://www.larondedesfromages.com/parlede

Wibox page 404

http://www.wibox.fr/parlede

Heinz 404 : Une bouteille de ketchup vide pour la 404, j’adooOore !

http://www.heinz.com/parlede

Fruehjahr 404 page

http://fruehjahr.ch/parlede

Pen-and-paper error 404

http://www.pen-and-paper.de/parlede

Les pages 404 drôles et insolites :

Redtag 404 – Le monde à l’envers

http://redtag.com/parlede

Web-workx 404 – WTF ?! Error 404!

http://www.web-workx.de/parlede

Digitalmash 404 – Hooooray! You broke the Internet

http://www.digitalmash.com/parlede

Expansionbroadcast 404 – You’re a douche bag

http://www.expansionbroadcast.com/parlede

Devunity 404 error – function errorPage () {

http://www.devunity.com/errors/unavailable.php

Fryewiles 404 – We lost one.. whoops

http://www.fryewiles.com/parlede

Swiss-miss page 404

http://www.swiss-miss.com/parlede

D20srd 404 page

http://www.d20srd.org/parlede

Patterntap 404 - Don’t get angry & Don’t cry

http://patterntap.com/parlede

Acromediainc 404 - Dude, we can’t find the page

http://www.acromediainc.com/parlede

Chtivo 404 page

http://chtivo.webhost.ru/parlede

CSSscoop error 404

http://cssscoop.com/parlede

Les pages 404 animées :

Lookitsme 404 – Animation flash très sympa !

http://www.lookitsme.co.uk/parlede

Bluedaniel 404 – La plus travaillée ? Avec vidéo de métro, magnifique !

http://www.bluedaniel.com/parlede

Amcharts 404 : PacMan en Flash qui mangent la page

http://www.amcharts.com/parlede

Homestarrunner 404 page

http://www.homestarrunner.com/parlede

Psyklone 404 page

http://www.psyklone.com/parlede

40,4 ème page 404 – La 404 web 2.0

Hop la dernière (mais non des moindres :p) la page 404 de parlede.com. Annoncée comme étant la première page 404 (mondiale?) sur laquelle on peut parler, elle a très vite été commentée/retweetée en 1^ère page 404 WEB 2.0.

Je l’ai choisie comme 0.4^ème page car j’estime l’avoir créée qu’à 40%, les 60% restants étant du contenu généré par vous :]

Découvrez-la avec un sujet qui n’est pas dans la ligne éditoriale de parlede.com,
par exemple : http://parlede.com/maquillage ou http://parlede.com/sarkozy

Une page d’erreur 404 parfaite ?!

Comme vous l’avez constaté, une bonne page 404 doit être soit :

- Belle, graphiquement évoluée et étudiée en fonction de la cible
- Utile, en proposant des alternatives / chemins pour en sortir
- Drôle, on ne rigole pas assez sur internet, la 404 est parfaite pour ça
- Interactive, en proposant du contenu animé (flash) ou animé (php)

La page d’erreur 404 parfaite étant celle qui réunie les quatre critères, tout en n’oubliant pas d’interpeler l’utilisateur qu’il se trouve sur une page d’erreur.

Conclusion : Un mauvais exemple de 404

Pour conclure cet article j’ai choisie de pointer du doigt un mauvais exemple de page 404. Mon choix s’est porté (mais ce ne sont pas les seuls !) sur le shop d’une célèbre société française, LaFraise.com.

Éditeur de biens jolis t-shirts depuis 2004, la boutique en ligne LaFraise.com est réputé à l’échelle européenne comme étant le premier organisateur de concours de designs pour T-Shirts. Autrement dit, ils ont tout pour devoir avoir une page 404 personnalisée : une ancienneté, une communauté active qui link beaucoup, une large base de produits / nombre de pages.

Cross-selling 404 sur les boutiques en ligne ?

[Pas Belle + Pas Drôle] En tant que concepteurs graphiques, ils sont privilégiés pour mettre en place un design original sur leur page 404. De plus, ils éditent des t-shirts amusants et décalés.. ils ne devraient pas avoir de mal à trouver un message d’erreur + joyeux que : Error occurred.

[Pas Utile] Le principe d’utilité sur une page 404 peut-être poussé bien plus loin que le petit message : Retour sur l’accueil. Pour reprendre l’exemple de LaFraise.com, je suis arrivée sur la page 404 en tapant /t-shirt-rouge, ce qui donne une indication claire sur ce que je pensais trouver, un habit rouge.

En utilisant un simple REQUEST_URI couplé à une recherche dans les BDD MySQL il serait alors possible de m’afficher (façon cross-selling e-commerce) trois propositions de t-shirts rouges.

D’internaute perdue, LaFraise aurait pu me transformer en internaute comblée.

CQFD.