Pourquoi avez-vous besoin d'une bonne page WordPress 404 ?

Publié: 2021-07-05

Chaque visiteur qui arrive sur votre site est important . Vous avez travaillé dur pour les aider à trouver votre site et vous voulez vous assurer qu'ils restent et profitent de leur temps là-bas. Vous avez créé un contenu intéressant et l'avez présenté sur une belle page. En travaillant sur votre site, vous avez peut-être déplacé des pages pour améliorer l'expérience de navigation. Cela peut amener vos visiteurs à se retrouver sur une page WordPress 404.

Qu'est-ce qu'une erreur 404 et qu'est-ce qui la cause ?

Les erreurs 404 signifient essentiellement que tout ce que vous cherchiez n'est plus là . En fait, il n'aurait peut-être jamais été là en premier lieu. Un exemple courant consiste à taper le lien par mémoire et à faire une faute de frappe. Mais la modification de l'URL d'une page peut également provoquer une erreur 404, car d'autres pages peuvent toujours être liées à l'ancienne URL.

Ainsi, les raisons les plus courantes qui provoquent une erreur 404 sont :

  • la page a été déplacée sans redirection, ou
  • la page n'a jamais existé, ou
  • l'URL contient une faute de frappe, ou
  • l'URL est cassée ou n'est pas correcte d'une autre manière

Comment éviter les erreurs WordPress 404 ?

Vous ne pouvez pas éviter toutes les erreurs 404. Par exemple, vous ne pouvez rien faire si les visiteurs saisissent mal le lien ou si d'autres sites pointent vers votre site avec un lien brisé. Mais il existe des erreurs WordPress 404 que vous pouvez éviter. Lorsque vous renommez une page ou un article, assurez-vous de configurer une redirection de l'ancienne URL vers la nouvelle . De cette façon, lorsque quelqu'un arrive à partir de l'ancien lien, il sera immédiatement redirigé vers la nouvelle page.

Pourquoi devriez-vous personnaliser votre page d'erreur WordPress 404 ?

Une erreur 404 n'est pas une bonne page d'accueil pour vos visiteurs. Cela laisse surtout un mauvais pressentiment si c'est la première fois qu'ils visitent votre site. Pour cette raison, vous devez créer une page d'erreur conviviale qui les aide à savoir quoi faire ensuite.

Il existe de nombreuses pages d'erreur WordPress 404 qui ne sont pas du tout conviviales. Dans de nombreux cas, tout ce que les visiteurs voient est une page vierge avec le message « 404 page introuvable ». En fait, ce message commun peut être assez effrayant et faire en sorte que les visiteurs se sentent perdus . En conséquence, ils se demanderont ce qui se passe et comment obtenir les informations qu'ils cherchaient.

Vous ne devez pas laisser vos visiteurs se sentir perdus et confus pendant qu'ils passent leur temps sur votre site. Bien que vous ne puissiez pas vous assurer qu'ils ne verront jamais une page WordPress 404, vous pouvez améliorer cette expérience. Au lieu d'utiliser la page par défaut, créez une page WordPress 404 personnalisée.

Comment créer une page WordPress 404 personnalisée ?

Vous pouvez créer une page WordPress 404 personnalisée de deux manières : en modifiant votre thème ou en utilisant un plugin. Les deux méthodes ont leurs propres avantages et inconvénients. Si vous pouvez coder, il est logique de créer vous-même la page 404, au lieu d'installer un plugin. Sinon, profitez d'une solution que vous pouvez mettre en place en quelques clics.

Mais avant de vous précipiter dans l'une de ces solutions possibles, vérifiez d'abord votre thème et votre constructeur de page . Il pourrait avoir un moyen simple de créer une page 404 personnalisée, sans coder ni installer de plugin. Les thèmes et les constructeurs de pages les plus populaires ont généralement une option pour cela. De plus, ils offrent suffisamment de fonctionnalités pour créer une page 404 conviviale.

Création d'un modèle de page WordPress 404 personnalisé

Si vous avez des connaissances en codage, vous pouvez facilement créer une page WordPress 404 dans votre thème (enfant). Autrement dit, si votre thème n'a pas déjà une page 404. Allez dans Apparence → Éditeur de thème et voyez si vous y trouvez une page de modèle 404. Si la page existe, ouvrez-la et personnalisez-la selon vos besoins. Si la page n'existe pas, créez-la en suivant les conseils du WordPress Codex.

Créer une page WordPress 404 personnalisée à l'aide d'un plugin

Si vous n'avez pas envie de modifier votre thème, vous pouvez chercher dans le référentiel de plugins WordPress un plugin 404. Il y a un tas de plugins parmi lesquels choisir, et l'un des plus populaires est le plugin 404page. Il vous donne le pouvoir de créer et de modifier votre page 404 personnalisée comme vous le feriez pour n'importe quelle autre page WordPress. En conséquence, la page 404 que vos visiteurs verront se fondra parfaitement dans votre site Web.

7 pages WordPress 404 sympas pour l'inspiration

Les visiteurs n'aiment pas voir des erreurs 404. Essayer de trouver quelque chose qui n'y est pas n'est pas une sensation agréable. Mais avec un peu de créativité, vous pouvez améliorer leur mauvaise expérience et même créer une rencontre amusante. Montrez des animations intéressantes, écrivez un texte créatif et voici 7 pages WordPress 404 créatives pour vous inspirer.

404 illustration

Modèle de page WordPress 404 - Illustration

Aperçu en direct

Une page 404 épurée et minimaliste convient parfaitement à tout site Web. Ce modèle utilise des illustrations, qui sont très à la mode sur les sites Web modernes. Certains éléments réagissent au mouvement du curseur de la souris, ce qui est amusant à jouer. Il y a aussi un bouton CTA pour rentrer à la maison.

Fusée WP

Page d'erreur 404 de WP Rocket

La page 404 de WP Rocket semble minimaliste et moderne. Il présente une animation intéressante qui donne une touche ludique à la page. Il en va de même pour la description conçue de manière créative, qui se termine par un bouton CTA pour revenir à la page d'accueil.

Outre le CTA, ce qui rend cette page d'erreur WordPress 404 conviviale, c'est le fait qu'elle se fond dans le site Web. Il contient le menu et le pied de page que les visiteurs peuvent utiliser pour parcourir le site.

404 Vidéo

Modèle de page WordPress 404 - Vidéo

Aperçu en direct

Ce tout nouveau modèle Smart Slider se concentre sur l'affichage d'une vidéo en arrière-plan. Il se déplace avec un effet relaxant pour aider à atténuer la frustration. Le nombre 404 compte à partir de 0, ce qui est une bonne idée.

Élémentaire

Page Elementor WordPress 404

Elementor utilise des animations sympas pour distraire les utilisateurs du fait qu'ils n'ont pas trouvé la page qu'ils cherchaient. Si vous vous retrouvez sur le site Web d'Elementor, vous êtes soit déjà un utilisateur du plugin, soit vous cherchez à en devenir un. Ils profitent de l'occasion en or de leur page d'erreur 404 pour obtenir une conversion. Au bas de la page, ils affichent un didacticiel vidéo sur la création d'une page WordPress 404 à l'aide d'Elementor.

404 Flou

Modèle de page WordPress 404 - Flou

Aperçu en direct

Sur les sites Web modernes d'aujourd'hui, les illustrations sont les éléments de conception les plus à la mode. Ce modèle de page WordPress 404 comporte de nombreuses illustrations. Chacun d'entre eux réagit au mouvement de la souris. De plus, il y a un bouton CTA pour rentrer à la maison.

Volant

Page WordPress 404 par Flywheel

Ce qui fait fonctionner la page 404 de Flywheel, ce sont les animations. La plus évidente est l'image qui forme le 0, mais il y a beaucoup de formes en mouvement en arrière-plan. Ces mouvements permettent au visiteur de se concentrer sur les formes tout en atténuant sa frustration. Il existe également un lien subtil pour revenir à la page d'accueil et une navigation complète pour accéder aux autres pages de votre site.

Image 404

Modèle de page WordPress 404 - Image

Aperçu en direct

Cette page WordPress 404 utilise des couleurs vives pour attirer l'attention des visiteurs. La partie de la page qui crie pour attirer l'attention n'est pas le texte 404, car il se trouve subtilement derrière le texte principal. Ce sur quoi la page veut que vous vous concentriez, c'est le texte qui explique pourquoi vous le voyez. Il y a un bouton CTA et deux boutons sociaux pour la connexion Facebook et Twitter.