Pour des inspirations plus récentes, consultez la collection de sites web et d'UI design du Magazine du Webdesign, actualisée chaque jour.
En effet, beaucoup de webmasters risquent de manquer à l’appel. Alors à vos claviers pour optimiser votre page 404 WordPress afin d’être prêt pour le grand jour.
L’objectif : améliorer cette page
Conseils et astuces pour optimiser une page 404 WordPress
Les utilisateurs de WordPress sont un peu mieux lotis puisque la majorité des thèmes WordPress proposent un template alternatif à la page 404 par défaut d’un serveur Linux ou Windows.
Néanmoins, cette page peut être grandement remaniée. Quand j’atterris sur une page 404 WordPress, j’ai souvent l’impression d’avoir entrouvert la porte de la cave du site. Quelques toiles d’araignées en header, de la terre battue en footer, et le néant dans la colonne de contenu.
Voyons ensemble pourquoi et comment optimiser le template WordPress 404.php.
Ne pas perdre les survivants avec une sortie prématurée de votre site
Le chat de CheshirePeu importe la raison pour qu’un utilisateur arrive sur une page 404, il ne doit pas pour autant en repartir illico sans avoir une solution de recours à sa portée.
Si ce n’est pas le cas, votre taux de rebonds ou votre de taux de sorties sera très élevé.
Afin d’éviter la perte d’un visiteur, voici 4 astuces WordPress pouvant être facilement mises en place pour accompagner l’utilisateur.
1. Optimisez le texte de la page 404 et prévenir l’administrateur du site
Il est toujours plus agréable d’avoir un texte personnalisé pour une page 404 qu’un simple et rébarbatif Page non trouvée.
Afin de modifier le texte par défaut, ouvrez votre fichier 404.php et insérez le code suivant :
Un petit détail en plus pour l’utilisateur, nous lui indiquerons quelle est l’URL fautive.
Nous notifierons également à l’administrateur du site (vous) l’erreur 404 via un email contenant l’URL de l’erreur 404 et l’URL de provenance de l’utilisateur. Cela lui permettra d’identifier plus rapidement l’origine de l’erreur.
Collez à la suite du code précédent ces quelques lignes :
L’utilisateur et l’administrateur du site sont désormais informés. Dans le texte, nous avons indiqué à l’utilisateur différentes solutions pour sortir de l’impasse 404.
Voyons en détails comment mettre en oeuvres ces dernières.
2. Inserez un formulaire de recherche
Première solution, mettre en place un formulaire de recherche.
Collez ce code à la suite de la balise de fermeture </p>
:
3. Proposez de parcourir les catégories du blog
Deuxième solution, proposez une liste déroulante des catégories de votre blog.
Collez ce code à la suite du formulaire de recherche :
Lorsque l’utilisateur aura sélectionné une catégorie, il sera automatiquement redirigé vers la page archive de la catégorie sélectionnée.
4. Mettre à disposition de l’utilisateur un lien de retour à la page d’accueil
Si aucune solution ne conviendrait à l’utilisateur, proposez lui en dernier recours un lien pointant vers votre page d’accueil.
Collez ce code à la suite de la liste déroulante des catégories :
rel= "home"
est une spécification microformat draft. Tenez vous informé(e) des évolutions via microformats.org
Conclusion
Le résultat final :
Il est impératif de proposer un template de page 404 efficace et utile à l’utilisateur afin de le garder le plus longtemps possible sur le site et ainsi éviter de voir grimper en flèche votre taux de rebonds.
Les solutions présentées dans ce tutoriel ne sont pas exhaustives. Vous pourriez par exemple insérer une liste d’articles populaires ou le plan du site. Libre à vous de choisir la réponse la plus pertinente à apporter à l’utilisateur.