Liens Rapides

Audit SEO Gratuit

Explorez le site Web pour les problèmes techniques et obtenez une liste de tâches hiérarchisée avec des guides détaillés sur la façon de résoudre.

Sitechecker crozdesk rating Sitechecker crowd rating Sitechecker capterra rating
Sitechecker trusted company

Comment créer une page d'erreur 404 personnalisée avec votre propre design ?

Comment créer une page d'erreur 404 personnalisée avec votre propre design ?

Une page d’erreur 404 est la page Web qui s’affiche lorsque quelqu’un entre une adresse Web incorrecte dans son navigateur. Il est important d’avoir une page d’erreur 404 personnalisée car elle permet d’améliorer l’expérience utilisateur et d’éviter de déclencher des pénalités Google. Cet article fournira des instructions étape par étape sur la façon de créer votre propre page d’erreur 404 personnalisée avec votre propre design, que vous utilisiez WordPress ou non.

Qu’est-ce qu’une erreur 404 ?

Le statut HTTP code 404 (ou “Page introuvable”) indique que le serveur n’a pas pu localiser le contenu demandé par l’utilisateur. Fondamentalement, il s’agit d’une page inexistante ou cassée. Voici le texte que vous verrez généralement affiché sur la page:

  • 404
  • Erreur 404
  • 404 introuvable
  • Page 404 introuvable
  • Erreur 404 introuvable
  • HTTP 404 introuvable

Il existe de nombreuses raisons pour lesquelles une erreur 404 peut apparaître sur votre page Web – par exemple, le site Web a supprimé votre page. Cela se produit lorsqu’un lien interne mène à une page qui n’existe pas. De tels actes ont le potentiel de dégrader l’expérience utilisateur ainsi que de perturber l’interconnexion des sites Web.

Une autre raison peut être que l’adresse URL n’a pas été saisie correctement par l’utilisateur. Peut-être ont-ils tenté d’insérer manuellement un lien direct et ont-ils fait une faute de frappe. Il peut également s’agir d’une erreur technique – par exemple, la page a été déplacée et la redirection n’a pas été configurée correctement. Le fait que la page ait été supprimée du serveur du site ne garantit pas que personne ne tentera d’y accéder. Il sera trouvé sur les moteurs de recherche pendant un certain temps. De plus, les onglets du navigateur de l’utilisateur peuvent avoir un lien vers une page spécifique du site.

Enfin, il est également possible que le serveur ne fonctionne pas correctement, même si cela arrive très rarement. Le serveur peut parfois fournir une erreur 404 à la suite d’un dysfonctionnement. Le cache DNS enregistre les emplacements (adresses IP) des serveurs Web qui vous ont récemment servi des pages Web. Pour vous assurer que seules les adresses IP actuelles sont utilisées, vous pouvez l’effacer. Une fois que vous avez terminé les procédures appropriées, redémarrez votre navigateur et ouvrez la page pour voir si vous pouvez y revenir.

Pourquoi une page 404 est-elle importante ?

Plus votre site Web est ancien, plus il est probable que des pages 404 apparaissent. La majorité du trafic sur le site Web provient de personnes tapant des URL directement dans la fenêtre de leur navigateur. Il va donc de soi que ces visiteurs s’attendent à certaines choses lorsqu’ils y arrivent :

  1. Pour voir ce qu’ils cherchaient
  2. Pour ne pas être confronté à une page d’accès refusé ou à tout autre élément qui semble ne pas devoir s’y trouver

Considérez donc 404 pages comme un service client. Peu importe la force de votre gamme de produits ; un mauvais service client peut nuire aux ventes de manière exponentielle plus que l’absence de service client du tout. Ne prenez pas la fidélité de vos visiteurs (et, potentiellement, leur argent) pour acquis!

Une page d’erreur 404 permet simplement aux utilisateurs de savoir qu’ils ont saisi une adresse incorrecte dans leur navigateur Web. De nos jours, la plupart des sites ajoutent des liens de redirection vers certaines de leurs pages les plus populaires (comme Accueil ou À propos de nous) sur leur page d’erreur 404, car personne ne veut parcourir des dizaines de pages avant de trouver ce qu’il cherche !

Les moteurs de recherche recommandent: Google, Yahoo, Bing

Une page 404 personnalisée est une solution professionnelle qui vous servira à la fois de bonne expérience utilisateur et de marque. De plus, les personnes qui visitent votre site ne se perdront pas dans le cyberespace lorsqu’elles cliqueront sur quelque chose qui n’existe pas ! Mentionnez simplement sur votre propre page où ils ont mal tourné.

Une page 404 personnalisée n’est plus requise par Google, mais Google récompense les sites Web qui font des efforts supplémentaires pour aider les utilisateurs à trouver ce dont ils ont besoin. Qu’est-ce qui vous distingue des autres entreprises ? Comment le fait d’être différent génère-t-il du trafic sur votre site ? Cela est vrai que vous possédiez un café local ou que vous dirigiez une entreprise de commerce électronique vendant des articles dans le monde entier. La meilleure façon de répondre aux deux questions ci-dessus est de créer une page 404 personnalisée qui représente bien votre marque et donne à tous ceux qui visitent votre site confiance en vous en tant que fournisseur de service client.

Configuration technique SEO d’une page 404

Tout d’abord, lorsque quelqu’un atterrit sur une URL ancienne ou incorrecte, il s’attend à voir quelque chose de pertinent par rapport à ce qu’il recherche. Il est préférable de rediriger les visiteurs tout de suite plutôt que de les décevoir plus tard avec un contenu non pertinent. Votre page manquante pourrait générer du trafic provenant des moteurs de recherche s’il n’y a pas d’autres résultats de haute qualité autour de votre site; le trafic direct est toujours meilleur que le trafic des robots des moteurs de recherche. Et enfin, il est bon d’avoir une belle page d’erreur 404 personnalisée qui complète la conception de votre site Web plutôt que de la mélanger. Cela améliorera votre expérience utilisateur et votre classement Google en même temps !

Si vous avez vous-même développé votre site Web, vous devriez déjà savoir à quoi ressemblent ces erreurs. Cependant, la création d’une nouvelle page d’erreur personnalisée dépend du type de CMS utilisé sur votre site et s’il fournit des plugins spéciaux à cette fin (discutés en détail ci-dessous).

Cela nous amène à la question, les pages d’erreur 404 sont-elles bonnes ou mauvaises pour le référencement ? Bref, ils sont à la fois bons et mauvais. Premièrement, ils peuvent empêcher le classement des mots clés s’ils ne sont pas corrigés. Lorsque des pages Web qui étaient auparavant en ligne deviennent 404 introuvables, tous les mots-clés qui se classaient pour cette page Web commencent à tomber des SERP. La perte de trafic organique se produit lorsque les mots-clés commencent à perdre de leur pertinence pour le site Web. Si la page 404 n’est pas corrigée, le site Web ne sera finalement plus classé pour ce terme et tout trafic organique généré par ces mots clés sera perdu. C’est ce qu’on appelle le saignement des mots clés ; cela affecte principalement les grands sites Web, mais cela peut affecter n’importe quel site Web qui est négligé.

De plus, de nombreuses personnes pensent que l’indexation du site et sa position dans les résultats de recherche sont toutes deux fortement impactées par les erreurs 404, or cette hypothèse est incorrecte dans la grande majorité des cas. Pour une meilleure optimisation du site Web, il est crucial de comprendre les éléments SERP. Qu’advient-il d’une page comme celle-ci lorsqu’un robot la rencontre? S’il est dans l’index, il sera supprimé; si ce n’est pas le cas, le bot ne l’analysera pas. Cela est compréhensible étant donné qu’il n’est plus informatif ou utile. Cependant, vous devez être conscient de la possibilité d’erreurs SOFT. SOFT 404 n’est pas une réponse réelle du serveur, mais plutôt une balise que les moteurs de recherche attachent aux pages après une exploration.

Voici les raisons pour lesquelles les moteurs de recherche prennent de telles décisions:

  • Sur la page, il y a peu ou pas de contenu;
  • Il y a une redirection vers une page qui ne répond pas aux besoins des utilisateurs;
  • Il n’y a pas de réponse de serveur 404 ou 410 pour la page inexistante.

D’autre part, 404 pages peuvent conduire à un mauvais référencement. Lorsqu’une page Web n’est pas trouvée, les mots-clés de cette page Web ne sont pas détectés, c’est pourquoi les redirections 301 peuvent aider. Les robots de recherche recherchent sur le site Web pour identifier les mots-clés pour lesquels classer le site Web. Si une redirection 301 est en place, les robots de recherche identifieront les mots clés avec lesquels classer la nouvelle URL de la page Web, et le site Web conservera ses classements de mots clés. Il y a quelques autres variables à considérer, mais cela résume la procédure.

Les pages d’erreur 404 peuvent également empêcher l’indexation des pages Web (uniquement dans certains cas). Ils peuvent empêcher les robots de recherche d’explorer le reste des pages vitales d’un site Web. Selon le problème, les moteurs de recherche peuvent désindexer des morceaux entiers (en supposant que les pages Web ne sont plus nécessaires) et de véritables pages Web 410, ce qui signifie GONE. Si le référencement d’une page Web n’a pas encore été ajusté, même s’il a été correctement optimisé depuis, les moteurs de recherche ne verront pas les nouvelles modifications jusqu’à ce que les robots de recherche explorent à nouveau le site Web.

Tout lien interne sur ces pages Web sera perdu si la page Web ou, pire, l’intégralité du dossier URL n’est pas trouvé. Cela nuira à l’indexation et au classement des mots clés. Si vous ne faites pas attention, le référencement peut avoir un effet domino. Lorsque l’exploration du robot de recherche est désactivée, l’ensemble du référencement d’un site Web en souffre; jusqu’à ce que les pages soient à nouveau numérisées, RankBrain utilisera le dernier cache de la page Web pour effectuer ses vérifications et équilibrages.

D’autre part, lorsque les URL de page sont cassées ou n’ont jamais existé, les moteurs de recherche, les visiteurs du site Web et les webmasters reçoivent une erreur 404.

Cela permet aux développeurs de remédier au problème pour les futurs visiteurs du site Web s’ils peuvent déterminer où ces codes d’erreur apparaissent, en conservant la puissance de la page qui existait autrefois. C’est ce qu’on appelle la création de backlinks cassés. Vous ne saurez pas que la page – et, par conséquent, l’utilisateur – rencontre une erreur à moins que vous n’envoyiez un code de réponse 404.

Corrigez toutes les erreurs 404 sur le site Web

Explorez votre site Web, détectez tous les liens brisés et corrigez-les immédiatement

Sitechecker rating on crozdesk Sitechecker rating on crowd Sitechecker rating on capterra

Comment créer une page 404 personnalisée?

La création d’une page 404 personnalisée nécessite un savoir-faire de base en matière de code et de conception. Si vous avez de l’expérience avec cela, vous pouvez le créer vous-même – mais sinon, il est préférable d’embaucher un concepteur de sites Web.

La méthode commence par la création d’une page Web typique avec tous les éléments dont vous aurez besoin pour votre page 404. N’oubliez pas d’inclure une déclaration légère expliquant pourquoi un visiteur est arrivé sur cette page, un champ de recherche pour qu’il puisse découvrir ce qu’il recherche et éventuellement un plan du site pour qu’il puisse choisir d’aller ailleurs.

Il est crucial de donner à votre page 404 un nom unique. Ensuite, dans le répertoire racine de votre serveur/espace web, uploadez votre page. Cependant, de nombreuses personnes utilisent désormais des plugins tels que WordPress, ce qui permet à quiconque de créer facilement une page 404 personnalisée sans avoir besoin de codage.

Gardez les objectifs suivants à l’esprit lorsque vous apprenez à développer une superbe page 404:

  • Attirer l’attention des utilisateurs;
  • Expliquez ce qui s’est passé;
  • Suggérez une solution au problème.

Lorsqu’il s’agit de créer votre propre page 404, les moteurs de recherche vous conseillent de procéder comme suit.

Google

  • La page doit être conçue dans le même style que le site Web principal (y compris la navigation);
  • Fournir des liens vers les articles les plus populaires ainsi qu’une boîte de commentaires;
  • Permettez à vos utilisateurs de signaler les liens brisés.

Yandex

Sa conception doit être distincte du reste du site ; par exemple, lors de la création d’une page, vous devez utiliser des couleurs différentes ou peut-être éviter d’utiliser du tout des éléments visuels.

Suggestions générales

Il doit inclure un lien vers la page d’accueil, ainsi qu’un message courtois informant l’utilisateur que la page qu’il a demandée n’est pas disponible.

Les suggestions précédentes ne sont pas des directives absolues pour 404 pages. Tout dépend du sujet du site Web et du public visé. Une ligne de recherche est importante pour une boutique en ligne, et les informations de contact sont importantes pour un site qui offre des services.

Que doit contenir une page 404?

Les concepteurs de sites Web doivent toujours considérer les pages 404 comme une opportunité d’image de marque et d’amélioration de l’expérience utilisateur. Pensez à incorporer des éléments créatifs et informatifs dans la conception de votre page d’erreur afin de réduire le taux de rebond de votre site. Le taux de rebond fait référence au nombre de personnes qui quittent votre site après avoir consulté une seule page.

Bien que plusieurs facteurs influencent le taux de rebond, tels que l’optimisation des moteurs de recherche, la plupart des rebonds se produisent parce que les utilisateurs pensent avoir trouvé ce qu’ils cherchaient et ne voient aucune raison de rester sur votre site. En d’autres termes, si les gens ne restent pas assez longtemps pour tirer quelque chose de votre contenu ou de votre publicité, le taux de rebond augmentera. Il existe trois principales causes de taux de rebond élevés:

  • Ne pas donner d’incitation à l’action claire
  • Ne pas fournir aux lecteurs ce qu’ils recherchent sur les pages de destination
  • Faire en sorte que les visiteurs travaillent trop dur pour trouver des informations

Découvrez ces moyens pratiques de réduire le taux de rebond de votre site et de gagner plus d’argent avec chaque client que vous avez:

1. Identifiez clairement l’objectif et l’incitation à l’action de chaque page: l’objectif de chaque page de votre site doit être très clair à tout moment, y compris lorsqu’un internaute y accède via un résultat de recherche ou un autre lien. S’il n’est pas immédiatement évident pour les lecteurs où ils se sont retrouvés et ce qu’ils accompliront en restant sur votre site Web, les visiteurs ne prendront pas la peine de rester. Vous pouvez obtenir de la clarté de plusieurs façons ; choisissez les CTA appropriés pour chaque situation unique.

2. Décrivez ce qui manque: fournir un contexte peut encourager les visiteurs à rester même s’ils n’ont pas atterri sur une destination spécifique. Par exemple, supposons que vous souhaitiez créer un profil LinkedIn mais que vous vous retrouviez d’une manière ou d’une autre sur une page d’accueil Yahoo. Lorsque Yahoo affiche son fameux message d’erreur 404 File Not Found, savez-vous ce qui ne va pas ? Il y a de fortes chances que vous ayez simplement mal saisi une URL. En indiquant où les visiteurs s’attendaient à aller (et peut-être même en suggérant des URL alternatives), les pages 404 personnalisées permettent aux visiteurs de se remettre rapidement des erreurs.

3. Supprimez les étapes inutiles: lors de la conception de votre page 404 personnalisée, demandez-vous si cela confondrait ou frustrerait les nouveaux lecteurs qui y atterriraient accidentellement. Par exemple, imaginez que vous dirigez une bijouterie et que vous utilisez Facebook pour promouvoir vos produits. Disons que quelqu’un clique sur un lien vers votre page Facebook et arrive sur votre page 404. Cet individu s’attend probablement à voir des liens vers des produits connexes ou une indication de ce qui l’a amené là. Au lieu de cela, ils ne voient rien de pertinent. Un manque d’explication aussi choquant rendra probablement l’utilisateur frustré, confus et indésirable : exactement ce que vous espérez éviter dans son état d’esprit actuel.

4. Expliquez aux utilisateurs ce qu’ils voient: indiquez à vos visiteurs le type d’erreur qui les a conduits sur cette page, par exemple: “Oups, nous ne trouvons pas ce que vous recherchez. !” ou “Désolé, nous n’avons pas de version anglaise de cette page !” Utilisez des verbes d’action et un point de vue à la première personne (je ne trouve pas… et nous n’offrons pas… plutôt que vous ne pouvez pas… et nous n’offrons pas…) pour garder les lecteurs engagés tout en ils recherchent exactement ce dont ils ont besoin.

Lorsque vous créez votre page d’erreur 404 personnalisée, gardez ces quatre conseils à l’esprit pour la rendre à la fois informative et attrayante. Évitez de laisser des situations frustrantes décourager les futurs lecteurs d’agir sur votre site. L’une des principales raisons de la mauvaise convivialité du site est un système de navigation mal organisé. Les visiteurs doivent pouvoir trouver facilement leur chemin s’ils veulent rester engagés et productifs, il est donc important que vous planifiez à l’avance avant de lancer votre site.

Comment créer une page 404 sur WordPress?

Commencez par regarder votre tableau de bord WordPress ; vous verrez un certain nombre d’options parmi lesquelles choisir sur le côté gauche de votre écran. Cliquez sur “Apparences” sous Produits, puis choisissez “Page 404”.

comment créer une page 404 sur WordPress

Vous pouvez saisir des informations sur le type de publication (par exemple, un message d’erreur), mais tout ce dont vous avez vraiment besoin est un texte, par exemple, “Page introuvable”. Assurez-vous d’ajouter tous les éléments mentionnés ci-dessus, puis cliquez sur Publier lorsque vous avez terminé. Vous pouvez également utiliser des plugins pour créer des formulaires de contact, améliorer le référencement, ajouter des widgets, etc.

WordPress Plugins

Voici le tutoriel ultra-rapide et simple sur la façon de le faire avec le plugin Elementor.

Comment créer des créateurs sur site: Wix, Shopify et autres

La plupart des sites Web utilisent du code JavaScript personnalisé ou un logiciel tiers pour créer leurs pages 404 personnalisées. Wix, par exemple, inclut un outil qui vous permet de créer votre propre page 404 introuvable qui correspond à votre marque. Cet outil génère du code Web que vous pouvez copier et coller dans la page d’accueil de votre site Web, ce qui signifie qu’il s’affichera chaque fois que quelqu’un essaiera de visiter un lien brisé sur votre site.

Comment créer une page 404 sur Wix

Si vous préférez Shopify comme plate-forme de choix, vous pouvez choisir parmi ses modèles par défaut ou créer votre propre mise en page personnalisée 404 :

Shopify Custom 404 Page Layout

Vous pouvez également ajouter un arrière-plan personnalisé et des éléments tels qu’une barre de recherche pour améliorer l’expérience utilisateur.

Meilleures pratiques de conception de page d’erreur 404

Bien qu’il existe de nombreux excellents modèles de conception de page d’erreur 404, le contenu et le style uniques de votre site Web peuvent vous donner un avantage en offrant une expérience utilisateur raffinée. Voici quelques bonnes pratiques pour la conception de pages d’erreur 404 que vous pouvez utiliser comme source d’inspiration. Gardez-les à l’esprit lors de la sélection ou de la création de tout type de modèle de conception Web; ils vous aideront à créer une page d’erreur 404 réactive qui se sent chez elle sur votre site.

  • Ne forcez pas les utilisateurs à chercher ce qu’ils recherchent: une page d’erreur 404 personnalisée doit guider les utilisateurs qui ont cliqué sur un lien brisé vers l’endroit où ils veulent être, plutôt que de les forcer à passer plusieurs étapes pour se remettre sur la bonne voie.
  • Incluez une brève description de votre entreprise sur chaque page d’erreur 404 et créez un lien vers celle-ci à partir de chaque URL potentiellement cassée, afin que les visiteurs ne se sentent jamais perdus en cherchant!
  • Ajouter des informations utiles sur un lien rompu : même si vous ne fournissez pas de remplacement pour le contenu manquant, envisagez d’ajouter d’autres informations pertinentes sur la raison pour laquelle un élément de contenu spécifique n’est pas disponible actuellement ( c’est-à-dire que les articles en solde ne sont disponibles en ligne que jusqu’au 20 janvier). Cela ajoute du contexte et de l’utilité sans obliger les visiteurs à cliquer sur d’autres liens.
  • Incluez une incitation à l’action évidente: si vous avez un objectif de conversion solide associé à chaque visite de page d’erreur 404, ajoutez un bouton CTA “cliquez ici” pour encourager les visiteurs à explorer davantage votre site .
  • Plus votre page d’erreur 404 est propre et moins d’erreurs perturbatrices apparaissent, plus il sera facile pour quelqu’un d’agir immédiatement après avoir vu la vôtre!
  • Utilisez des outils de redirection dans la mesure du possible: rediriger le trafic via des scripts est généralement beaucoup plus rapide que d’obliger chaque visiteur à quitter son site Web actuel avant d’être redirigé ailleurs.
  • Si vous essayez de collecter les coordonnées des visiteurs qui ont saisi manuellement une URL de page de destination manquante, l’idéal serait d’utiliser à la fois des scripts de redirection ET un formulaire rapide permettant aux utilisateurs de saisir eux-mêmes leur adresse e-mail. .
  • Soyez honnête dans votre explication: l’honnêteté se vend, même lorsqu’il s’agit d’expliquer pourquoi quelque chose n’existe plus. Dites le moins possible, mais pas plus que nécessaire; informez immédiatement les clients de la raison pour laquelle ils ont atterri sur une page d’erreur 404.

Donnez l’exemple aux clients: implémentez des pages d’erreur 404 personnalisées sur tous vos sites, même ceux qui ne vous appartiennent pas. Votre messagerie cohérente donne aux clients la tranquillité d’esprit qu’ils n’ont pas accidentellement trouvé un mauvais lien quelque part au cours de leur parcours de navigation, et cela montre clairement à tout le monde à quel point vous prenez vos efforts commerciaux au sérieux. Vous détesteriez perdre un client potentiel parce qu’il a été frustré par erreur et a quitté le navire, c’est donc une pratique intelligente pour éviter les problèmes potentiels. Découvrez les idées de design suivantes pour vous inspirer :

Vérificateur de site

Page 404 personnalisée de Sitechecker

Formulaires WP

Page 404 personnalisée de WPForm

Disney

Page 404 personnalisée de Disney

Netflix

Page 404 personnalisée de Netflix

Tripadvisor

Page 404 personnalisée de Tripadvisor

GitHub

Page 404 personnalisée de Github

Ahrefs

Page 404 personnalisée d'Ahref

YouTube

Page 404 personnalisée de YouTube

Amazon

Page 404 personnalisée d'Amazon

Linkedin

Page 404 personnalisée de Linkedin

Lorsqu’il s’agit de concevoir votre propre page 404, vous pouvez embaucher un pigiste, travailler avec une agence de conception ou le faire vous-même. Votre décision devrait dépendre du budget dont vous disposez et des compétences requises pour accomplir la tâche.

Conclusion

Bien que vous deviez vous assurer que vos pages 404 sont de premier ordre, il est préférable de minimiser leur existence. Heureusement, il existe quelques correctifs simples pour les pages d’erreur 404. Tout d’abord, rechargez la page si nécessaire. En raison d’une mauvaise connexion Internet, une page Web peut parfois ne pas se charger correctement. Utilisez simplement le bouton “Actualiser” de votre navigateur.

Vous pouvez également essayer de vider le cache et les cookies de votre ordinateur. Ouvrez simplement un site Web ou une page Web dans un autre navigateur. Si l’erreur HTTP 404 n’apparaît que sur une seule machine, le problème peut provenir de votre navigateur. Si le site est fonctionnel, vous devez vider le cache et les cookies de votre navigateur. Suivez ce guide complet sur le cache de Google pour plus d’informations sur le cache du navigateur et comment supprimer le cache de votre navigateur.

De plus, faites votre chemin sur le site Web. Utilisez une recherche de site Web pour trouver une page Web nécessaire; tapez simplement des termes précis pour trouver la page que vous recherchez. Vous pouvez contacter directement le webmaster si cela ne fonctionne pas.

D’autres difficultés avec les pages 4xx doivent être résolues, par exemple lorsque l’URL de la page AMP (4XX) n’est pas détectée, que les pages 4xx obtiennent du trafic organique ou que des pages 4xx sont trouvées dans le sitemap.

Vérifiez votre site web pour les erreurs

Go to App
Something went wrong. Please, try again later.
close