Top 12 des meilleures pages 404 et comment en créer une

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 not found est une réponse sous forme de status code 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 personnalisées

1#Lego

2#Viadeo

#3 Angry Birds

4# Bluegg

5# MailChimp

6# Casetrentine

7# CDiscount

8# Android Police

9# Mozilla

#10 Agens

11# Blue Fontain

12# Blizzard

Comment créer votre propre page 404 design ?

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 HTML

• 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 originale

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 voilà, vous avez créé une page 404 personnalisée.

[Étude de cas] Suivre et optimiser la refonte d’un site web suite à une pénalité

Pour reprendre pied après une chute massive à la suite d’une mise à jour d’algorithme, Opirata s’est lancé dans une refonte en profondeur. Opirata s’appuie sur les crawls et l’analyse des logs avec Oncrawl afin de comprendre les erreurs de l’ancien site, de confirmer les hypothèses SEO, et de suivre la prise en compte par Google des changements.

Lire l'étude de cas

Vérifiez la répartition de vos pages 404 not found

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 erreur 404.