Personnaliser une erreur 404

Catégorie: Webmastering | Commentaires fermés | 1 162 lectures

Une page inexistante ou inaccessible renvoie une « Erreur 404 ». Il suffit parfois de pas grand chose pour en arriver là: suppression ou renommage d'un fichier, erreur de frappe dans la barre d'adresse... Par défaut, cette page n'est pas très plaisante. Le message est d'ailleurs peu compréhensible pour la plupart des gens.

Page introuvable
Capture du message d'erreur

Trois conseils pour ne pas perdre inutilement un visiteur: le renseigner clairement sur ce qui vient de se passer, le rassurer et lui proposer une alternative.

L'humour et l'originalité

Vous trouverez sur le web un tas d'idées pour mettre en valeur cette page d'erreur. Smashing Magazine [&sup1:] ]avait justement sorti un recueil des idées les plus folles en la matière. Cela va du simple message à la vidéo ou l'animation. Certains en profitent même pour glisser un interstitiel publicitaire. D'autres, comme Arte, font appel à la créativité des internautes et publient les plus belles créations.

Error 404 Arte
Capture www.arte.tv

Personnaliser sa page

La page contenant le message d'erreur est une page tout à fait classique. Élaborez-la en respectant la cohérence graphique de votre site et en y injectant votre message. Nommez la page 404.html et placez-la dans le dossier racine.

Ouvrez le bloc-notes et indiquez le message suivant: ErrorDocument 404 /404.html (respectez les espaces). Cette commande indique au serveur le chemin de votre page personnalisée. Enregistrez le fichier à votre guise et transférez-le à la racine de votre site. Une fois sur le serveur renommez-le en .htaccess (avec le point).

Le travail est terminé. Pour vérifier que tout fonctionne à merveille, rendez-vous sur une page qui n'existe pas genre: www.monsite.com/123.htm. Si vous avez suivi nos indications la page 404.html doit s'afficher. Si ce n'est pas le cas, il est fort probable que votre hébergeur ait bloqué la modification du fichier .htaccess. Adressez-lui un courrier pour lui exposer le problème.

[¹] Article de Smashing Magazine: « 404 Error Pages »


Commentaires

Les commentaires sont fermés pour cette note.