Comment optimiser vos pages 404 dans WordPress.


j’ai fait un tuto il y a quelques années Modifier la page 404 dans WordPress, mais les choses ont bien changé depuis. La page 404 est devenue une page importante à ne pas sous-estimer, elle peut guider ou référer le visiteur et éviter de le perdre.

erreur 404 est le code d’erreur d’une requête réseau infructueuse, peut-être parce que la page n’existe plus, ou parce qu’elle a été renommée, ou simplement parce que le lien est mauvais.

Les pages d’erreur 404 peuvent être des pages très populaires sur certains sites Web (jusqu’à quelques pour cent du nombre total de pages vues). C’est pourquoi il devient un élément stratégique incontournable dans toute méthode d’optimisation de votre site Web.

Il existe de nombreuses raisons de soutenir l’optimisation de cette page. Puisqu’il est en effet possible de modifier l’affichage par défaut de cette page sous WordPress, ce n’était pas très sexy dès le départ.

Voici une page d’erreur 404 typique :

Thème WordPress page 404.

Habituellement, chaque bon thème WordPress a un fichier 404.phpil affiche le strict minimum pour que vous puissiez personnaliser cette page avec un peu d’imagination et de temps.

Voici le contenu classique (code source) d’une page 404 dans WordPress :

/ »>Accueil  » Erreur 404

Erreur 404 introuvable

Oups, nous n’avons pas trouvé la page que vous cherchiez. Vous pouvez essayer de rechercher d’autres mots-clés sur notre site Web ou utiliser les outils de navigation de ce site Web.

Ce code affiche juste le message d’erreur et préserve l’aspect graphique du modèle. Pas effrayant.

Dans WordPress, vous pouvez modifier le fichier 404.php directement dans Apparence → Thèmes → Éditeur → Modèles d’erreur 404.

Comment optimiser vos pages d’erreur en 4 points.

  • Objet 1: Optimisez le texte de la page et informez les administrateurs du site. Ajoutez le texte suivant (vous pouvez le modifier comme bon vous semble)

Oups!quelque chose pourrait être cassé

☠ Page introuvable ☠

Pour cet exemple, j’utilise le thème ruelleJ’ai donc utilisé des cours spécifiques à ce thème.Pour voir quelles classes sont utilisées, vous pouvez Modifier le fichier .css votre thème et pour vous faciliter la recherche des classes utilisées, je vous recommande d’utiliser Firefox et ses fonctionnalités Chèque.

A Voir  20+ meilleurs convertisseurs vidéo gratuits en 2022

Grâce à l’inspecteur, j’ai pu déterminer la classe première mise en page a été utilisé. entraine toi.
Ensuite, lorsqu’une erreur se produit, vous pouvez en fait notifier et savoir quelle page contient l’erreur. Ce script PHP est utilisé pour envoyer un e-mail au webmaster du site.

tu[‘HTTP_REFERER’])) { #Message à l’utilisateur echo « essayé d’aller à « ; #construction du message $message404 = « Tout n’est pas perdu ! »; } elseif (isset($_SERVER[‘HTTP_REFERER’])) { #Proposer une solution à l’utilisateur et envoyer un rappel par e-mail à l’administrateur echo « vous avez cliqué sur le lien "; #构建管理员警报 $errormessage = "A user trying to visit $website".$_SERVER['REQUEST_URI']." 并收到 404（找不到页面）错误。"; $errormessage .= "这不是他的错，因此有必要对这件事进行干预。Url of origin ".$_SERVER['HTTP_REFERER']; 邮件（$adminemail，“错误 404”.$_SERVER['REQUEST_URI'], $errormessage, "发件人: $websitename "); $message404 = "已通知管理员此事件。";#已发送管理员邮件警报 } echo " ".$siteweb.$_SERVER['REQUEST_URI']; ?> Mais cette page n’existe plus ou a été déplacée. Vous pouvez revenir en arrière en cliquant sur le bouton Précédent de votre navigateur ou essayer l’une des solutions suivantes :

Voici à quoi cela ressemble à l’écran jusqu’à présent :

  • Point 2 : Insérer un formulaire de recherche

Pour offrir une alternative à vos visiteurs, nous allons maintenant insérer formulaire de recherche Dans notre page, grâce au code suivant :

  • Pour effectuer une recherche :

    • Point 3 : Laissez vos visiteurs parcourir les catégories de votre blog.

    Une autre solution est d’en proposer une à l’extérieur de votre malheureux visiteur Liste déroulante avec toutes les catégories. Insérez ce code dans votre page :

  • Parcourir les catégories:

    • # », « « , $select); echo $select; ?>