Il ne fait aucun doute que la plupart des internautes sont rebutés par le trop familier 404 Page non trouvée Message d’erreur. Il y a de fortes chances que vous ayez été bombardé par ce message ennuyeux au moins une fois ce mois-ci lorsque vous avez cliqué sur un lien rompu.

Une erreur 404 est une réponse HTTP standard à une demande de page Web que le serveur n’a pas pu satisfaire pour diverses raisons. Par défaut, le message d’erreur s’affiche sous forme de texte brut sur un fond blanc. Si vous détestez ce message ringard, vous ne voudriez pas obliger les visiteurs de votre site Web à le voir aussi. Alors pourquoi ne pas le rendre moins irritant via un message personnalisé?

Dans ce tutoriel, je vais vous guider à travers les étapes de création d’un Page non trouvée message afin que les visiteurs de votre site Web soient moins irrités lorsqu’ils frappent un blanc. Tout d’abord, comprenons mieux pourquoi vous pouvez frapper un blanc lorsque vous essayez d’accéder à une page Web.

Comment et pourquoi 404 Page non trouvée Des erreurs se produisent

Lorsque vous cliquez sur un lien et obtenez une erreur 404, cela signifie que votre demande de page au serveur a réussi mais que la page particulière à laquelle vous tentiez d’accéder n’a pas été trouvée par le serveur. Il y a plusieurs causes à cela.

Par exemple, si la page Web à laquelle le lien se connectait a été supprimée, une erreur 404 s’affiche. Un scénario typique qui conduit à cela est lorsqu’une page obsolète qui contenait du contenu populaire est supprimée alors qu’elle contenait de nombreux liens pointant vers elle depuis d’autres sites Web. Les grands sites Web d’actualités en sont probablement les coupables si les administrateurs du site ne prennent pas de précautions pour éviter les liens de page manquants.

Une erreur de page 404 peut également se produire si la page demandée a été déplacée vers un nouveau nom de domaine. Si le problème vient du serveur (le serveur est en panne ou est inaccessible pour une raison quelconque), vous pouvez obtenir une erreur DNS. Les pare-feu, les filtres de contenu et d’autres formes de blocage de contenu peuvent également provoquer des liens rompus.

En bout de ligne, les liens brisés sont monnaie courante sur le Web. C’est aux propriétaires ou aux administrateurs de sites Web de rendre l’expérience plus supportable pour les utilisateurs. N’oubliez pas que les internautes sont généralement impatients lorsqu’ils recherchent des informations sur un site Web. Un utilisateur ne perdra pas de temps à chercher un autre site Web pour obtenir ce qu’il veut si tout ce qu’il a trouvé sur le vôtre était une erreur 404 simple et irritante.

Un message d’erreur convivial

Comme je l’ai déjà mentionné, la plupart des serveurs Web sont configurés pour renvoyer une page d’erreur 404 de base qui affiche des excusesune brève description des raisons pour lesquelles vous n’avez pas pu accéder à la page demandée. Dans certains cas, vous pouvez également recevoir un lien vers l’e-mail d’un webmaster (si vous avez besoin d’une assistance technique supplémentaire) ou un lien vers un moteur de recherche pour poursuivre votre recherche.

Bien que ce message d’erreur par défaut soit poli, il est assez simple et généralement décourageant pour la plupart des visiteurs du site Web. C’est pourquoi les webmasters sérieux personnalisent ce message afin que les visiteurs qui ont frappé des blancs puissent voir une page d’erreur 404 plus conviviale (et moins irritante).

Tous les thèmes par défaut fournis avec WordPress ont un modèle de page d’erreur 404 de base nommé 404.php. Bien sûr, ce modèle par défaut fonctionne parfaitement, mais il est probable qu’il ne dise pas ce que vous voulez dire à vos visiteurs. Heureusement, la personnalisation du message dans le modèle est un jeu d’enfant. Ouvrez simplement le modèle de page dans un éditeur de code et remplacez le texte du message par le vôtre. Enregistrez les modifications après.

La structure du modèle de page d’erreur par défaut fourni avec le Vingt treize Le thème est composé de balises pour afficher l’en-tête, le pied de page et une barre de recherche. Voici à quoi cela ressemble en action (tapez simplement une fausse adresse de page dans la barre d’adresse du navigateur):

Si vous examinez le code de votre modèle de page 404, vous remarquerez l’en-tête de la page Pas trouvé dans la balise d’en-tête

, avec un _e fonction qui affiche réellement le résultat sur la page. C’est ce que vous voudrez modifier en premier lors de la personnalisation de votre page 404. Vous pouvez ensuite ajouter du texte plus convivial dans les balises

et

en dessous. Notez que vous pouvez ou non modifier le Pas trouvé en-tête, mais il est généralement bon de mettre un en-tête personnalisé qui n’irrite pas vos visiteurs, ainsi que du texte personnalisé dans les paragraphes.

Vous remarquerez peut-être également que le titre apparaît à l’intérieur de l’énorme 404 numéro sur la page. Lorsque vous effectuez une inspection de page de votre page d’erreur à l’aide de Firebug, vous verrez que l’énorme 404 est inséré par un pseudo-élément (.error404 .page-title: avant). Alors ouvrez le 404.php template et remplacez le texte par défaut dans les balises

,

et

par ce que vous voulez dire à vos visiteurs. Modifiez également le pseudo-élément susmentionné à votre guise ou supprimez-le (commentez-le dans la feuille de style). J’ai changé le mien en ceci:

Vingt treize pages 404 personnalisées

Bien que vous puissiez dire tout ce que vous voulez directement à vos visiteurs ici, il est toujours bon de le garder court et gentil. Essayez également de dire ou d’indiquer au visiteur ce qu’il recherchait en premier lieu. Et c’est à peu près tout ce que vous devez faire pour rendre votre page 404 plus conviviale. Inspectez la page, puis modifiez les styles comme bon vous semble.

En outre, en fonction du thème WordPress que vous utilisez, le développeur peut avoir inclus la prise en charge des pages 404 personnalisées. Dans notre Thème WordPress total nous avons intégré une option de thème de page 404 personnalisée qui facilite l’ajout d’une redirection 404 personnalisée ou d’un titre et d’un contenu de page personnalisés directement à partir du tableau de bord WordPress.

Capture d’écran de l’éditeur de page 404 personnalisé dans Total

Exemple de page 404 personnalisée de thème WordPRess total

le Fichier .htaccess c’est là que la magie opère

Une fois votre 404.php personnalisé, il ne reste plus qu’à WordPress pour l’afficher lorsque la situation est appropriée, lorsqu’il ne trouve pas une page spécifique. Il s’agit du processus par défaut. Cependant, il y a des moments où le serveur Web peut rencontrer des problèmes avant que WordPress en soit conscient, ce qui signifie que les visiteurs peuvent ne pas être en mesure d’accéder à certaines pages. Dans ce cas, vous devez vous assurer que le serveur Web peut les rediriger vers votre page 404.php et c’est là que le .htcaccess le fichier entre.

le .htcaccess Le fichier se trouve dans le dossier racine de votre installation WordPress. Pour le cas de WordPress, il est généré automatiquement lorsque vous modifiez votre structure de permalien par défaut. Tout ce que vous devez faire pour vous assurer que le serveur trouve votre page 404 personnalisée est d’ajouter une seule ligne au fichier comme ceci:

ErrorDocument 404 /index.php?error=404

Comme vous pouvez le voir, cette URL commence à la racine (/), ce qui signifie que pour utiliser ce format d’url, votre installation WordPress doit être à la racine de votre serveur. Sinon, si WordPress est installé dans un sous-répertoire, le chemin de redirection doit être:

ErrorDocument 404 /yourfolder/index.php?error=404

De cette façon, même si vous changez de thème, index.php appellera toujours le bon fichier 404 pour votre nouveau thème.

Emballer

En lisant ce rapide didacticiel, vous pouvez maintenant, espérons-le, créer une page 404 personnalisée avec un message convivial personnalisé. Vous pouvez également configurer le .htcaccess fichier pour vous assurer que les visiteurs de votre site Web sont toujours redirigés vers la bonne page 404 par le serveur dans les situations où WordPress n’est pas en mesure de le faire ou lorsque vous changez de thème.

Si vous souhaitez attirer des visiteurs fidèles qui reviendront toujours sur votre site Web, il est important de personnaliser votre page 404 avec un message moins irritant. Et bien sûr, essayer de limiter le nombre de fois où un visiteur atterrit même sur une page 404 est également une bonne idée.

Avez-vous de bonnes idées pour un message 404 personnalisé? Qu’utilisez-vous actuellement sur votre page 404? J’aimerais entendre vos idées dans les commentaires ci-dessous!

Share: