Il ne fait aucun doute que la plupart des internautes sont rebutés par le bien 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.

Contents

Comment et pourquoi 404 Page non trouvée Des erreurs se produisent Un message d’erreur convivial 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 qu’un texte personnalisé dans les paragraphes. Vous pouvez également remarquer que l’en-tête 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. De plus, modifiez le pseudo-élément susmentionné à votre guise ou supprimez-le (commentez-le dans la feuille de style). J’ai changé le mien pour ça : Bien que vous puissiez dire tout ce que vous voulez directement à vos visiteurs ici, il est toujours bon d’être bref et courtois. 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 à partir du tableau de bord WordPress. Capture d’écran de l’éditeur de page 404 personnalisé dans Total le Fichier .htaccess c’est là que la magie opère Emballer

Une erreur 404 est une réponse HTTP standard à une demande de page Web que le serveur n’a pas pu répondre 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 que les visiteurs de votre site Web le voient aussi. Alors pourquoi ne pas le rendre moins irritant via un message personnalisé ?

Dans ce tutoriel, je vais vous expliquer 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 touchent un blanc. Mais tout d’abord, comprenons mieux pourquoi vous pouvez trouver 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 qui contenait du contenu populaire est supprimée alors qu’elle contenait de nombreux liens pointant vers elle à partir d’autres sites Web. Les grands sites Web d’actualités sont probablement les coupables si les administrateurs du site ne prennent pas de mesures de précaution pour empêcher 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 fin de compte, les liens rompus sont monnaie courante sur le Web. Il appartient aux propriétaires de sites Web ou aux administrateurs 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 pourquoi vous n’avez pas pu accéder à la page demandée. Dans certains cas, un lien vers l’e-mail d’un webmaster (si vous avez besoin de plus d’assistance technique) ou un lien vers un moteur de recherche pour poursuivre votre recherche peut également vous être présenté.

Bien que ce message d’erreur par défaut soit poli, il est assez simple et généralement un désagrément pour la plupart des visiteurs du site Web. C’est pourquoi les webmasters sérieux personnalisent ce message afin que les visiteurs qui n’ont pas répondu 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 permettant d’afficher l’en-tête, le pied de page et une barre de recherche. Voici à quoi cela ressemble en action (il suffit de taper une fausse adresse de page dans la barre d’adresse du navigateur) :

Vingt treize 404 Page

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 ajouter du texte plus convivial dans les balises

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 s’y prête, lorsqu’il ne trouve pas une page spécifique. Il s’agit du processus par défaut. Cependant, il arrive parfois 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 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 didacticiel rapide, 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 qu’un visiteur atterrit 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!