décembre 20, 2021

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

Ce n’est jamais une bonne chose lorsqu’un lien mène un visiteur vers une page qui n’existe plus. Il peut y avoir de la déception, de la confusion et un demi-tour avec le visiteur quittant votre site après la hâte. Heureusement, il y a quelque chose que vous pouvez faire pour rendre la situation moins choquante, même humoristique si c’est votre style. Il suffit de remplacer la page d’erreur générique et stérile par défaut introuvable (page 404) par une page réellement utile. Dans cet article, je vais vous expliquer comment créer une page 404 personnalisée dans WordPress.

Transformez les impasses numériques en panneaux indicateurs pour vos utilisateurs — et même ajoutez un peu d’humour — en créant une page 404 personnalisée.

Une page 404 générique ressemblera à ceci:

 page personnalisée 404 WordPress Générique

Bien qu’il s’agisse d’une impasse, vous pouvez la transformer en un panneau indiquant le chemin à la place. Ajoutez un peu d’humour et le gémissement de votre visiteur se transformera en rire.

En voici un d’Airbnb qui fait les deux: les visiteurs obtiennent un graphique amusant pour leur problème et des liens faciles vers ce qu’ils auraient pu chercher:

 Page 404 personnalisée WordPress Airbnb
Photo: Airbnb

Certains constructeurs de thèmes incluent une page 404 personnalisée et d’autres non. Pour avoir une idée de la façon dont votre thème gère les erreurs, tapez une URL absurde telle que http://mysite.com/nosuchpage et voyez ce qui se passe. Si vous ne l’aimez pas, vous pouvez faire beaucoup pour le changer.

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

Lorsqu’il s’agit de créer une page 404 personnalisée dans WordPress, vous avez plusieurs options:

  • Modifiez la page 404 existante de votre thème.
  • Ajoutez une page 404 personnalisée si votre thème n’en a pas.
  • Utilisez un plugin 404.

Nous aborderons chacun de ces éléments en détail ci-dessous.

Remarque: Lors de l’édition d’un thème WordPress, il est recommandé de travailler avec un thème enfant. Sinon, les mises à jour du thème pourraient écraser votre travail acharné.

Modification de la page 404 de votre thème

Tout d’abord, vérifiez si votre thème comprend une page 404 personnalisée. Vous pouvez le faire en ouvrant l’éditeur de thème (Éditeur Apparence >) à partir du tableau de bord d’administration.

Dans la liste des fichiers sur le côté droit de la page, recherchez un nommé 404.php.

 Édition WordPress de page 404 personnalisée

S’il n’y a pas de 404.php, alors votre thème n’inclut pas de modèle 404 personnalisé et si vous en voulez un, vous devrez l’ajouter (comme décrit plus loin dans cet article). Sinon, vous pouvez simplement cliquer sur le fichier existant et le modifier directement dans le tableau de bord WordPress.

La viande du 404.php qui vient avec le thème Twenty Seventeen ressemble à ceci:

 Codage WordPress personnalisé de la page 404

Pour modifier la page, modifiez le texte en surbrillance. Vous pouvez également ajouter des paragraphes supplémentaires en dessous (au-dessus de la fin de la division contenu de la page), y compris les images et les liens utiles que vous souhaitez ajouter.

Création d’une page WordPress 404

Si votre thème n’inclut pas de 404.fichier php, il existe deux façons simples d’en créer un:

1. Copiez le 404.php d’un autre thème, tel que le thème WordPress Twenty Seventeen (/wp-content/themes/twentyseventeen/404.php) dans le répertoire de votre thème actuel. Modifiez la page comme décrit ci-dessus.

2. Copiez l’index de votre thème.php dans un fichier nommé 404.php dans votre thème actuel. Supprimez les parties liées à la boucle WordPress. Généralement, c’est la section qui commence quelque chose comme ceci:

<?php if ( have_posts() ) : ?>

et se termine par:

<?php endif; ?>

Notez que la syntaxe exacte peut être légèrement différente, mais vous recherchez have_posts et endif. Insérez ensuite votre code personnalisé dans l’espace que vous avez créé.

L’avantage de la deuxième méthode est que vous obtiendrez probablement le formatage que votre thème utilise sur tout votre site, de sorte que le style correspondra.

Plugins WordPress 404

Si vous n’êtes pas à l’aise pour modifier le code PHP de votre thème, vous préférerez peut-être travailler avec un plugin. les plugins 404 vous aideront à créer une page d’erreur 404 et, souvent, en prime, suivront et enregistreront toutes les erreurs de page non trouvées. Voici quelques favoris:

404page

 custom 404 Page WordPress 404page - Plugin
Photo: 404page

Ce plugin trim, soigneusement conçu, vous permet de créer votre page 404 comme vous le feriez pour tout autre article WordPress. Vous accédez ensuite à la page d’erreur Apparence > 404 et désignez la nouvelle page comme votre page 404. Il renvoie également le code d’erreur correct au navigateur du visiteur. Plus de 70 000 sites WordPress utilisent ce plugin et il est chargé de notes 5 étoiles, c’est donc un excellent choix.

Custom 404 Pro

 custom 404 Page WordPress 404 Pro
Photo: Custom 404 Pro

Le plugin gratuit vous permet également de désigner n’importe quelle page que vous créez comme page 404. De plus, il enregistre toutes les 404 erreurs dans un rapport que vous pouvez examiner, afin que vous puissiez en retrouver et en écraser autant que possible.

404 Page par SeedProd

 Page 404 personnalisée WordPress SeedProd
Photo: SeedProd

Ce plugin vous aide à configurer rapidement et facilement une page 404 personnalisée dans WordPress. Il fonctionne avec la plupart des thèmes et vous permet de personnaliser complètement votre nouvelle page 404. La version de base est gratuite. Une version pro, à laquelle vous devez vous abonner chaque année, offre des fonctionnalités supplémentaires telles que la collecte de l’adresse e-mail du visiteur.

En conclusion

Il y a pas mal de 404 plugins supplémentaires dans le répertoire des plugins WordPress, mais ceux ci-dessus sont des favoris éprouvés.

Lorsque vous choisissez un plugin 404, évitez ceux qui renvoient un code de redirection 301 vers le navigateur au lieu du code d’erreur 404 introuvable correct. Puisque la page n’existe pas, vous ne devriez pas dire aux navigateurs qu’elle a été déplacée.La redirection

peut être très utile pour traiter les erreurs 404, mais elle ne s’applique que lorsque vous pouvez réellement rediriger les utilisateurs vers la page qu’ils avaient initialement l’intention d’atteindre. Sinon, vous devriez livrer une belle page 404.

Conseils pour une bonne page 404 dans WordPress

Si le message 404 par défaut est fade et peu utile, que devez-vous inclure à sa place? Un bon design comprendra:

  • Un design et une image de marque qui correspondent au reste de votre site Web.
  • Un message utile qui informe les visiteurs que la page n’a pas été trouvée.
  • Liens vers des pages pertinentes de votre site, telles que la page d’accueil ou les pages populaires, pour encourager le visiteur à rester.
  • Peut-être une image ou un ton humoristique, si c’est votre style.

Une page efficace de 404 pages vous aidera à empêcher vos visiteurs de cliquer et à les encourager à explorer davantage votre site. Vous devez également suivre les erreurs 404 de votre site et créer des redirections lorsque vous pouvez rediriger les utilisateurs vers leur destination prévue.

Une bonne page personnalisée 404 transforme une impasse en une porte qui encourage les visiteurs à entrer et à rester. Aucun site Web n’est complet sans un seul.

Liés: Comment configurer 301 redirections dans WordPress

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.