Meilleur des meilleurs WordPress 404 Error Page Designs

Chaque utilisateur sur le Web a atterri sur au moins une page 404 de son expérience de navigation. La vérité est que le nombre d'utilisateurs figurant sur 404 pages est nettement supérieur à un. Souvent, lorsqu'un utilisateur arrive sur une page 404, il finit par quitter votre site, ce qui augmente votre taux de rebond. Un taux de rebond élevé peut avoir un impact négatif sur votre site Web en diminuant les revenus générés par les annonceurs et plus encore. Vous pouvez réduire le taux de rebond et augmenter le nombre de pages vues en optimisant simplement votre page d'erreur 404. Dans cet article, nous soulignerons le meilleur des meilleurs designs de pages d'erreur WordPress 404 et nous vous donnerons nos idées sur la création d'un design de page 404 magnifique et hautement utilisable pour votre WordPress..

Vitrine de l'inspiration

Avant de vous montrer comment concevoir votre propre conception de pages 404 pour WordPress, nous allons mettre en avant certains des meilleurs modèles de pages d'erreur 404 utilisés sur WordPress pour vous inspirer. Les critères que nous avons utilisés pour choisir ces modèles étaient la créativité et la convivialité. Certains modèles ont les deux et certains n'ont qu'un seul aspect.

1. WPBeginner

2. Studios Catalyst

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonifié

6. Astuces CSS

7. Techkultura

8. Bit d'inspiration

9. Catswhocode

10. Ba.pe

11. couper et goûter

12. CSS Remix

13. Ateaseweb

14. Koller Media

15. diffusion d'expansion

16. fonction

17. Zone de retardement

18. Kidmondo

19. Devlounge

20. Chris Jennings

Meilleures pratiques et leçons à tirer de ces expériences

Dans la vitrine ci-dessus, vous avez probablement déjà vu 404 pages très créatives, alors que d’autres étaient simplement étranges mais mémorables, et certaines étaient simples mais élégantes et utilisables. Lors de la création d'une page 404, vous devez vous rappeler de combiner les trois éléments: créativité, convivialité et capacité de laisser une impression durable..

Lors de la création de notre page 404, nous avons en fait examiné nombre de ces éléments pour trouver l'inspiration et en combiner les meilleurs éléments. La plupart du temps, lorsque les utilisateurs accèdent à la page 404, ils sont frustrés. Vous devez donc les aider à trouver ce qu’ils essaient d’atteindre, mais de la manière la plus créative possible..

Une bonne structure que vous pouvez suivre est:

• Image créative
• Liste des messages populaires
• Liste des messages récents
• Liste des archives
• Barre de recherche
• Offrir plus d'aide en donnant des options de contact

Maintenant, vous n'avez pas besoin de toutes les avoir, mais vous devriez certainement avoir plus de deux de ces options dans votre page 404.

En analysant notre page 404, certaines personnes disent que nous n’avons pas de barre de recherche. Nous avons notre barre de recherche dans la barre latérale, il n'y a donc aucune raison de l'afficher deux fois. Nous affichons les archives par mois, par catégorie, et nous affichons les balises populaires. Bien entendu, l’image créative consiste à faire en sorte que tout semble amical plutôt que terne..

Nous comprenons maintenant que tout le monde n’est pas un grand artiste et ne peut pas proposer certaines des illustrations et caricatures ci-dessus, mais vous pouvez voir l’exemple Devlounge ou l’exemple ci-dessus de Function pour voir comment la simplicité peut également fonctionner. Devlounge a une page 404 très organisée, aucune image, rien, mais elle est très organisée et utile. Function a une simple icône et d'autres ressources, mais rien de très graphique.

Lorsque vous créez votre propre page 404, gardez cela à l'esprit..

Comment créer une page 404 dans WordPress

Votre répertoire de thèmes WordPress contient un fichier appelé 404.php, Si vous n'avez pas ce fichier, vous pouvez en créer un. Vous pouvez ajouter n'importe quel code HTML dans ce fichier pour répondre à vos besoins. Toutefois, il est recommandé d’utiliser les paramètres par défaut afin que la page ressemble à une partie de la conception..

Maintenant, entourez le HTML de style. Si vous voulez, vous pouvez même copier votre page.php contenu dans 404.php et supprimez simplement la zone de contenu et ajoutez vos balises personnalisées.

Voici quelques balises que vous pouvez utiliser:

Afficher les archives par mois:

Ce code affichera les archives par mois, mais il listera tous les mois. Cela peut donc devenir un désastre si vous avez un blog vieux de trois ans. Pour savoir comment limiter le nombre de mois affichés, consultez le tutoriel..

Afficher la liste des catégories

Ce code listera toutes les catégories de votre blog. Ofcoures vous pouvez les styler cependant en utilisant des balises list ou autres.

Afficher les balises les plus utilisées

Cela montrera les balises les plus utilisées comme notre nom sur notre page 404.

Afficher les messages récents

',''); ?>

Il y a plus de codes que vous pouvez utiliser, il vous suffira de chercher dans la documentation et de la trouver. Si vous avez une question spécifique, n'hésitez pas à nous demander à tout moment.

Sources supplémentaires:

Ces listes ont beaucoup plus de 404 exemples. Nous avons seulement présenté les WordPress.

404 pages d'erreur rechargées

Plus 404 Pages

60 dessins créatifs 404 pages