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 brisé.

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 en texte brut sur un fond blanc. Si vous détestez ce message ringard, vous ne voudriez pas que les visiteurs de votre site Web le voient également. 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. Mais d'abord, essayons de mieux comprendre 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'affichera. Un scénario typique qui conduit à cela est lorsqu'une page obsolète contenant du contenu populaire est supprimée, mais qu'elle contient de nombreux liens pointant vers elle à partir 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 mesures de précaution 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 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. Il appartient 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 excuses.une brève description de la raison pour laquelle 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 une désactivation pour la plupart des visiteurs du site Web. C'est pourquoi les webmasters sérieux personnalisent ce message afin que les visiteurs qui frappent des blancs puissent voir une page d'erreur 404 plus conviviale (et moins irritante).

Tous les thèmes par défaut livrés 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 y a de fortes chances 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 permettant d'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) :

vingt treize 404 pages

Si vous examinez le code de votre modèle de page 404, vous remarquerez le titre 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 continuer et ajouter un texte plus convivial dans les balises

et

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

Vous pouvez également remarquer 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 modèle 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 (mettez-le en commentaire dans la feuille de style). J'ai changé le mien pour ceci :

Vingt treize page 404 personnalisée

Bien que vous puissiez dire tout ce que vous voulez directement à vos visiteurs ici, il est toujours bon de le garder court et agréable. Essayez également de dire ou d'indiquer au visiteur ce qu'il aurait pu rechercher 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.

De plus, selon le thème WordPress que vous utilisez, le développeur peut avoir inclus une prise en charge personnalisée des pages 404. 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 depuis le tableau de bord WordPress.

total 404 page - Sabma Digital

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

Total WordPRess Thème personnalisé 404 Exemple de page

le Fichier .htaccess est là où la magie opère

Une fois votre 404.php personnalisé, il ne reste plus qu'à WordPress de l'afficher lorsque la situation est appropriée, lorsqu'il ne peut pas trouver une page spécifique. Il s'agit du processus par défaut. Cependant, il arrive que le serveur Web rencontre des problèmes avant que WordPress n'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 arrive.

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 la structure de votre permalien par défaut. Tout ce que vous avez à 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

Ainsi, 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 didacticiel rapide, vous pouvez maintenant, espérons-le, créer une page 404 personnalisée avec un message personnalisé et convivial. Vous pouvez également configurer le .htcaccess 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 qu'un visiteur atterrit même sur une page 404 est également une bonne idée.

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

Laisser un commentaire