Les pages 404 peuvent être réellement source de problèmes. Les liens brisés peuvent nuire à votre expérience utilisateur et à votre SEO mais si vous prenez le temps de designer correctement vos pages 404, cette expérience peut être plus agréable. Vous pouvez être imaginatif et créatif avec celles-ci afin qu’elles intéressent votre audience de manière plus positive.


Dans les faits, une page 404 est une réponse sous forme de status code dans l’HTTP, ce qui veut dire que l’utilisateur a cliqué sur un lien brisé. Bien que ces pages puissent frustrer vos utilisateurs, les designer d’une certaine façon peut mieux faire passer la pilule. Retrouvez ici un top des meilleures pages 404.

TOP 12 des meilleures pages 404

1#Lego

Lego page 404

2#Viadeo

Viadeo page 404

#3 Angry Birds

Angry birds 404

 

4# Bluegg

page 404 blueegg

5# MailChimp

MailChimp page 404

6# Casetrentine

Casetrentine page 404

7# CDiscount

Page 404 Cdiscount

8# Android Police

Android police 404

9# Mozilla

Mozilla page 404

#10 Agens

Page 404 Agens

11# Blue Fontain

Blue Fountain page 404

12# Blizzard

Blizzard page 404

Comment créer votre propre page 404 ?

Après vous avoir montré une sélection de 404 percutantes, je suis presque sûre que vous voulez avoir la vôtre. A vrai dire, créer sa propre page 404 n’est pas aussi difficile que l’on pense et c’est accessible à tout le monde.

1/ Créer une nouvelle page

  • Ouvrez votre éditeur HTML
  • Prenez un code HTML de l’une de vos pages web. Par exemple, allez sur votre page ‘A propos’ et cliquez sur ‘voir’ et ensuite ‘source’. Copiez- collez ce code dans l’éditeur.
  • Modifiez cette page avec vos exigences en matière de 404. Elle doit clairement indiquer au visiteur qu’il ne se trouve pas au bon endroit. Elle doit également aider celui-ci à trouver la bonne page ou afficher un moyen de contacter l’hébergeur du site.
  • Sauvegardez votre page sous un titre évident comme 404.html

2/ Placez cette page sur votre site

  • Connectez vous à votre site via un serveur FTP ou le ‘gestionnaire de fichiers’
  • Téléchargez le 404.html sur le serveur
  • Naviguez sur http://www.monsiteweb.com/404.html afin de vérifier que tout semble correct

3/ Configurez votre serveur pour qu’il pointe vers votre page 404

Configuration sur Internet Information Server (IIS)
Si vous n’utilisez pas de serveur dédié, vous ne serez pas capable de réaliser cette procédure. Dans ce cas, contactez l’hébergeur de votre site et envoyez lui la page concernée par email. Si vous en avez un, connectez vous à votre serveur via le logiciel d’accès à distance que vous utilisez.

  • Ouvrez l’Internet Information Services (ISS) Manager
  • Élargissez le dossier ‘Sites Web’
  • Trouvez et sélectionnez votre site web dans la fenêtre sur la droite
  • Cliquez sur ‘Action’ et ensuite ‘Propriétés’
  • Dans la nouvelle fenêtre, cliquez sur l’onglet ‘Personnalisez vos erreurs’
  • Faites défiler la page jusqu’à ce que vous trouviez ‘404’ dans la colonne ‘erreur http’. Sélectionnez le 404 de base.
  • Cliquez sur ‘Modifier” et trouvez ensuite le fichier 404.html que vous avez créé au préalable
  • Cliquez sur ‘Ok’ et ensuite ‘Appliquer’
  • Fermez le IIS manager et déconnectez vous de votre serveur
  • Testez le en allant sur http://www.votresiteweb.com/asdf

Et voila, vous avez créé une page 404 personnalisée.

Vérifiez la répartition de vos pages 404

Afin de savoir si vous avez beaucoup de pages 404, vous pouvez facilement lancer un audit de vos status codes HTTP avec OnCrawl. Vous pourrez accéder à une vue d’ensemble concrète des pages qui sont en 404.

Status codes

Si vous cliquez ensuite sur ‘404 errors’, vous découvrirez les URLs qui sont directement concernées par ce problème.

URLs