35
Non classé

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.

404 Internet Explorer

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 :

404page rainfall

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

http://www.rainfall.ro/parlede

404page sprawsm

Sprawsm 404 page

http://sprawsm.com/parlede

404page newspond

Newspond 404 page

http://www.newspond.com/parlede

404page designfire

Designfire 404 page

http://designfire.ru/parlede

404page socialthing

Socialthing 404 – Pretty sweet

http://socialthing.com/parlede

404page room404

Room404 – Error 404

http://www.room404.ie/parlede

404page springload

Springload 404

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

404page haptonomie-blog

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

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

404page pyropoptrt

Pyropoptrt 404 – Urgence Page Down!!

http://www.pyropoptrt.com/parlede

404page poemofquotes

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

http://www.poemofquotes.com/parlede

404page b-ds

B-ds 404 – C’est triste non ?

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

404page johnnyjazz

Johnnyjazz 404 page

http://www.johnnyjazz.com/parlede

Les pages 404 utiles et entreprises :

404page carsonified

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

http://carsonified.com/blog/parlede

404page youcastr

Youcastr 404 - Page 404 avec champ de recherche

http://www.youcastr.com/parlede

404page studio7designs

Studio7designs 404 – Des propositions claires

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

404page deaxon

Deaxon 404 page

http://deaxon.com/parlede

404page vimeo

Vimeo 404 page

http://vimeo.com/parlede

404page digitalmash

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

http://yourwebjob.com/parlede

404page larondedesfromages

Larondedesfromages 404 - Accèder au plan du site ?

http://www.larondedesfromages.com/parlede

404page wibox

Wibox page 404

http://www.wibox.fr/parlede

404page heinz

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

http://www.heinz.com/parlede

404page fruehjahr

Fruehjahr 404 page

http://fruehjahr.ch/parlede

404page pen-and-paper

Pen-and-paper error 404

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

Les pages 404 drôles et insolites :

404page redtag

Redtag 404 – Le monde à l’envers

http://redtag.com/parlede

404page web-workx

Web-workx 404 – WTF ?! Error 404!

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

404page digitalmash

Digitalmash 404 – Hooooray! You broke the Internet

http://www.digitalmash.com/parlede

404page expansionbroadcast

Expansionbroadcast 404 – You’re a douche bag

http://www.expansionbroadcast.com/parlede

404page devunity

Devunity 404 error – function errorPage () {

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

404page fryewiles

Fryewiles 404 – We lost one.. whoops

http://www.fryewiles.com/parlede

404page swiss-miss

Swiss-miss page 404

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

404page d20srd

D20srd 404 page

http://www.d20srd.org/parlede

404page patterntap

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

http://patterntap.com/parlede

404page acromediainc

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

http://www.acromediainc.com/parlede

404page chtivo

Chtivo 404 page

http://chtivo.webhost.ru/parlede

404page cssscoop

CSSscoop error 404

http://cssscoop.com/parlede

Les pages 404 animées :

404page lookitsme

Lookitsme 404 – Animation flash très sympa !

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

404page bluedaniel

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

http://www.bluedaniel.com/parlede

404page amcharts

Amcharts 404 : PacMan en Flash qui mangent la page

http://www.amcharts.com/parlede

404page homestarrunner

Homestarrunner 404 page

http://www.homestarrunner.com/parlede

404page psyklone

Psyklone 404 page

http://www.psyklone.com/parlede

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

parlede page 404

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.

lafraise 404

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.

35 Commentaires =)

Ajouter un commentaire

Présentation Salya H.

Jeune entrepreneuse du web, je me lance de façon avertie dans l'aventure eCommerce. Par ailleurs porteuse de nombreux projets communautaires, j'ai un caractère très ouvert qui me permet de partager facilement et débattre librement.


Blog qui Parle de

Liens

Paroles de lecteurs