Si vous êtes déjà tombé sur une page 404, vous savez à quel point cela peut être frustrant. J'avais l'habitude de penser qu'il s'agissait de voies sans issue, mais maintenant je les utilise pour retenir les visiteurs sur mon site et les ramener vers quelque chose d'utile.
Dans ce guide, je vais vous montrer comment créer une page 404 dans WordPress qui ne soit pas seulement fonctionnelle, mais aussi utile. Vous apprendrez à en concevoir une qui corresponde à votre marque, qui oriente les visiteurs dans la bonne direction et qui puisse même vous aider à collecter des prospects.
Qu'est-ce qu'une page d'erreur 404 ?
Une page d'erreur 404 s'affiche généralement lorsque les visiteurs d'un site Web recherchent des informations qui ont été supprimées, retirées ou déplacées vers une autre URL. Le terme erreur 404 provient du code d'état HTTP 404, que votre serveur Web renvoie lorsque la page Web demandée est introuvable.
Mais il existe d'autres raisons pour lesquelles les visiteurs peuvent rencontrer une erreur 404 (page introuvable).
Votre site Web peut également afficher cette erreur si :
- La connexion de l'utilisateur est interrompue
- Le nom de domaine recherché par l'utilisateur n'existe plus
- Un utilisateur saisit une URL incorrecte
Vous pouvez également souhaiter modifier le permalien (slug) d'une page Web. Mais après avoir fait cela, vous pourriez oublier de la rediriger correctement. Dans ce scénario, les utilisateurs verront probablement une erreur 404 (introuvable) en raison d'un lien brisé.
Quels sont les avantages d'une page 404 personnalisée dans WordPress ?
Êtes-vous déjà tombé sur une page 404 ? Si oui, vous savez à quel point il est frustrant d'en voir une.
Il en va de même pour vos visiteurs lorsqu'ils arrivent sur votre site Web à la recherche d'informations particulières, mais se retrouvent sur une page 404. Cela peut les agacer et les inciter à quitter rapidement votre site Web et potentiellement à ne jamais revenir.
De plus, cela peut avoir l'impact suivant sur votre entreprise :
- Augmentation du taux de rebond : Les rapports montrent que les sites Web avec un taux de rebond plus faible se classent plus haut dans les moteurs de recherche. Donc, si les gens quittent votre site en raison d'erreurs 404 fréquentes, le taux de rebond élevé qui en résulte peut affecter votre référencement.
- Croissance plus lente : Vous pourriez perdre un client potentiel qui est arrivé sur votre site pour effectuer un achat. La perte de clients potentiels signifie moins de conversions, ce qui à son tour signifie une croissance lente.
- Image de marque médiocre : En offrant une mauvaise expérience utilisateur aux visiteurs, vous affectez l'image de votre marque. Lorsque cela se produit, les gens cesseront de faire confiance à votre marque et éviteront d'acheter chez vous. Si cela se produit, regagner votre réputation peut être difficile.
Généralement, si les gens ont une bonne expérience avec votre site Web, ils voudront y revenir. Mais une page d'erreur 404 n'offre pas toujours la meilleure expérience utilisateur.
Heureusement, vous pouvez éviter de perdre des prospects et des clients potentiels en concevant une page d'erreur 404 qui aide les visiteurs à trouver les informations dont ils ont besoin. C'est un excellent moyen de retenir les visiteurs, de diminuer les taux de rebond et de maintenir la réputation de votre marque.
Mais comment faire ? Nous allons vous montrer comment dans la section suivante.
Comment créer une page 404 dans WordPress
La personnalisation de votre page 404 WordPress est plus facile que vous ne le pensez. Il existe plusieurs méthodes pour créer un design de page 404 personnalisé, notamment en modifiant le fichier 404.php de votre site ou en utilisant un plugin de page 404 WordPress.
Pour la plupart des propriétaires de sites, un plugin WordPress est le moyen le plus simple et le plus efficace de personnaliser leur page 404 car il ne nécessite pas de modifier les fichiers de votre thème WordPress.
Le plugin que nous utiliserons pour ce guide est SeedProd, le meilleur constructeur de sites web et de pages de destination WordPress.
Avec ce plugin, vous pouvez concevoir une page 404 personnalisée avec un message, une image et un CTA pour encourager les visiteurs à rester sur votre site.
SeedProd inclut également des fonctionnalités avancées telles que :
- Constructeur de page par glisser-déposer
- Constructeur de thème convivial
- Éléments de conception générateurs de prospects
- Modèles de pages de destination préconçus
- Kits de site web avec barre latérale, en-tête, pied de page et modèles de pages populaires.
- Éditeur de thème et widgets WooCommerce
Dans cet esprit, vous pouvez suivre les étapes ci-dessous pour créer une page 404 personnalisée avec SeedProd, sans code ni CSS.
Étape 1. Installer et activer SeedProd
Tout d'abord, vous devrez vous rendre sur le site web de SeedProd et télécharger le plugin. Bien qu'il existe une version gratuite de SeedProd, nous utiliserons le plugin premium car il vous permet de remplacer le modèle 404 intégré de votre thème.
Si vous avez besoin d'aide pour cela, vous pouvez consulter notre documentation sur l'installation et l'activation de SeedProd. Elle contient tout ce dont vous avez besoin, y compris l'installation du plugin et l'activation de votre clé de licence.
Étape 2. Choisir un modèle de page 404
Une fois le plugin activé, accédez à SeedProd » Pages de destination depuis votre tableau de bord WordPress. Ensuite, dans la section « Page 404 », cliquez sur le bouton « Configurer une page 404 ».
Sur l'écran suivant, vous pouvez choisir un modèle de page 404 préconçu. SeedProd filtrera automatiquement les modèles pour afficher toutes les conceptions de pages 404 disponibles.
Vous pouvez cliquer sur la loupe pour prévisualiser un design ou cliquer sur l'icône de coche pour choisir un modèle spécifique.
Nous utilisons le modèle de page 404 « Fist Bump », mais vous pouvez choisir n'importe quel design ou créer des modèles à partir de zéro.
Étape 3. Personnaliser votre page 404 WordPress
Après avoir choisi votre modèle, vous verrez l'éditeur de page par glisser-déposer où vous pourrez personnaliser votre page 404.
Sur le côté gauche, vous verrez des blocs et des sections que vous pouvez ajouter à votre design. Et sur la droite se trouve un aperçu en direct de votre page.
La plupart des modèles 404 de SeedProd ont déjà plusieurs blocs WordPress, formant le cœur du design. Pour les personnaliser, cliquez pour surligner le bloc dans votre mise en page et apportez des modifications à l'aide des paramètres du panneau de gauche.
Pour ajouter de nouveaux blocs à votre design, trouvez le bloc dans le menu de gauche et faites-le glisser sur votre page. À partir de là, vous pouvez personnaliser le bloc en utilisant le processus que nous avons expliqué ci-dessus.
Lorsque les visiteurs arrivent sur votre page 404, ils peuvent avoir besoin d'aide pour comprendre comment ils y sont arrivés et ce qu'il faut faire ensuite. Dans cet esprit, il est judicieux d'ajouter du texte expliquant que ce qu'ils recherchent ne peut pas être trouvé et en suggérant plusieurs actions à entreprendre.
Étant donné que notre modèle possède déjà un bloc Titre et un bloc Texte, nous pouvons cliquer dessus pour mettre à jour le contenu avec notre message personnalisé.
Par exemple, dans l'image suivante, nous avons ajouté un message suggérant de visiter le blog ou d'utiliser la barre de recherche pour trouver quelque chose de plus spécifique.
Maintenant, regardons comment ajouter ces 2 fonctionnalités à votre page 404, en commençant par un bouton pour visiter le blog.
Tout d'abord, trouvez le bloc Colonne dans le panneau de gauche et faites-le glisser sur votre mise en page.
À partir de là, choisissez l'option de mise en page à 2 colonnes. C'est là que vous placerez de nouveaux éléments côte à côte sur la page, ce qui, dans notre cas, est un bouton et une barre de recherche.
Vous pouvez maintenant faire glisser le bloc Bouton dans votre première colonne. Dans les paramètres du bloc, vous pouvez modifier le texte du bouton et ajouter l'URL de votre page de blog.
Une fois que vous avez fait cela, cliquez sur l'onglet Avancé pour modifier d'autres paramètres, y compris la couleur, le style, l'espacement du bouton, et plus encore.
Pour ajouter une barre de recherche dans la deuxième colonne, recherchez le bloc Formulaire de recherche et suivez le même processus qu'auparavant.
Vous pouvez même changer la couleur d'arrière-plan de la ligne pour que vos éléments d'action se démarquent.
Voici d'autres façons d'améliorer le contenu de votre page 404 :
- Utilisez MonsterInsights et le bloc Shortcode de SeedProd pour afficher les articles populaires sur votre page 404 automatiquement.
- Affichez les produits WooCommerce populaires pour augmenter les ventes de commerce électronique
- Utilisez le bloc Formulaire de contact pour recueillir des commentaires des visiteurs de la page 404
Lorsque vous êtes satisfait de l'apparence de votre nouvelle page, cliquez sur le bouton Enregistrer dans le coin supérieur droit, et dans le menu déroulant, sélectionnez l'option Enregistrer comme modèle .
Vous pouvez maintenant donner un nom à votre modèle de page 404 personnalisé, cliquer sur le bouton Enregistrer le modèle, et revenir à l'éditeur.
Étape 4. Activez votre page 404 WordPress.
Avec la conception de votre page 404 personnalisée en place, vous pouvez cliquer sur l'icône « X » dans l'éditeur pour revenir à votre tableau de bord d'administration WordPress. Lorsque vous le faites, une fenêtre contextuelle vous demandera si vous souhaitez activer la page immédiatement.
Cliquez sur le bouton Oui, Activer.
Après avoir cliqué sur ce bouton, vous retournerez au tableau de bord des pages de destination et verrez que votre mode Page 404 est actif.
Si vous souhaitez désactiver votre page 404 personnalisée, il vous suffit de basculer le commutateur en position inactive.
Voici un aperçu final de notre conception de page 404 WordPress personnalisée :
Point clé : Vous pouvez créer une page 404 dans WordPress sans toucher au code en utilisant le constructeur par glisser-déposer de SeedProd et l'un de ses modèles prêts à l'emploi.
| Outil : SeedProd |
| Cas d'utilisation : Créer une page 404 personnalisée dans WordPress |
| Aucun code requis : Oui |
| Éditeur visuel : Constructeur par glisser-déposer |
| Idéal pour : Les propriétaires de sites Web qui souhaitent éviter que les visiteurs ne quittent leur site après une erreur 404 |
Façons de transformer votre page 404 WordPress en un aimant à prospects
La plupart des entreprises utilisent leur page d'erreur 404 pour informer les visiteurs que la page qu'ils recherchent est introuvable. Comme nous l'avons déjà discuté, les pages 404 qui ne font que cela peuvent être ennuyeuses et improductives.
Au lieu de cela, il est préférable d’optimiser la page pour la génération de prospects.
De cette façon, au lieu de perdre des clients potentiels, vous pouvez les encourager à agir et à convertir. Pour cela, cependant, vous aurez besoin d’une page visuellement attrayante.
Commencez par utiliser les bonnes couleurs et les bons éléments pour que la page se démarque. Vous devrez également l’optimiser pour générer des prospects et augmenter les conversions.
Il existe plusieurs façons de le faire, alors examinons les plus efficaces :
1. Présentez votre produit
L’un des moyens les plus efficaces de faire en sorte que votre page d’erreur 404 génère plus de prospects est de présenter vos produits. Au lieu de dire à vos visiteurs que la page qu’ils recherchent n’existe pas, utilisez-la pour leur donner plus d’informations sur vos produits.
Ajoutez des images de vos produits de haute qualité et d’aspect professionnel, et créez des liens vers celles-ci.
Steve Madden utilise cette technique pour convertir sa page d’erreur 404 en un design qui stimule activement les conversions.
En utilisant cette technique, vous pouvez encourager les visiteurs à explorer davantage votre site Web, même s’ils ne trouvent pas exactement ce qu’ils cherchent.
2. Utiliser des mots-clés
Une autre façon efficace de générer des prospects via votre page 404 est d’utiliser des mots-clés ciblés. Les meilleurs prospects pour toute entreprise proviennent de la recherche organique, et vous ne pouvez obtenir un bon trafic organique que si vous améliorez votre classement dans les moteurs de recherche.
L’ajout de mots-clés pertinents à votre page d’erreur 404 peut aider à améliorer votre classement SEO.
Examinons un exemple pour vous aider à le faire plus efficacement.
Disons que vous avez une entreprise de marketing de contenu. Dans ce cas, sur votre page d’erreur 404, vous pouvez écrire quelque chose comme ceci :
« Vous voulez créer du contenu générateur de prospects pour votre entreprise ? Voici comment nous pouvons vous aider à le faire ».
Ajoutez maintenant un lien vers votre page d’accueil ou une page de destination performante pour aider les visiteurs à obtenir ce que vous avez promis.
Plutôt que de quitter votre site, les visiteurs peuvent maintenant explorer votre site Web pour comprendre vos services. Et s’ils l’aiment, ils peuvent convertir.
3. Ajoutez des informations sur votre entreprise
Une autre excellente façon de transformer votre page 404 est d’ajouter les informations de votre entreprise.
Vos visiteurs peuvent atterrir sur une erreur 404, mais vous ne voulez pas les perdre avec un message décevant. L’ajout des informations de votre entreprise est un excellent moyen de raviver leur intérêt et de les engager à nouveau.
La marque de mode Myntra utilise cette technique à merveille :
En plus d’afficher le message d’erreur, cela aide également les utilisateurs à explorer différentes sections du site. En tant que visiteur, vous pouvez consulter sa collection sous des catégories définies dans la barre de menu, visiter votre profil, consulter votre liste de souhaits, aller dans votre panier, ou même rechercher des produits.
Encore mieux, il affiche une barre de réduction sur le côté droit de l'écran. Ainsi, au lieu de rencontrer une impasse, les visiteurs peuvent consulter la collection et acheter des produits avec une remise importante.
4. Ajoutez des boutons d'appel à l'action pertinents
L'ajout de boutons d'appel à l'action (CTA) pertinents à votre page 404 est un moyen intelligent de demander aux clients de vous contacter et de résoudre leurs problèmes.
Il peut s'agir d'un bouton de support client, d'un formulaire de contact, d'un bouton de demande de renseignements, d'un bouton d'appel, ou de tout ce qui vous semble utile. Vos visiteurs peuvent facilement utiliser ces boutons pour déposer une plainte, passer un appel rapide, poser des questions, vous suivre sur les réseaux sociaux, ou faire quoi que ce soit pour rendre la situation moins frustrante.
5. Ajoutez des pop-ups d'intention de sortie
Les pop-ups d'intention de sortie sont un autre moyen efficace d'éviter que les visiteurs aient une mauvaise expérience sur votre site web. Concevez un pop-up de sortie qui apparaît à l'écran de votre visiteur juste avant qu'il ne quitte.
Utilisez-le pour afficher des codes de réduction, des prix d'offres, annoncer de nouveaux arrivages, et plus encore. C'est un moyen puissant de convaincre les visiteurs que c'est une bonne idée de revisiter votre site à l'avenir.
Les gens aiment les réductions et les offres. Les afficher dans des pop-ups de sortie peut donc réengager les visiteurs, générer des prospects solides et augmenter vos ventes.
6. Rendez-la intéressante
Atterrir sur une page d'erreur 404 est déjà très frustrant. C'est encore plus ennuyeux si la page est terne.
Transformez plutôt l'expérience en quelque chose de plus amusant et excitant. Par exemple, vous pouvez utiliser l'humour pour rendre le message plus mémorable et faire sourire vos visiteurs.
Une autre façon de rendre votre page 404 agréable est d'ajouter un jeu à l'écran. C'est un moyen intelligent de capter l'attention et de garder les utilisateurs plus longtemps sur votre site.
À retenir : Une page 404 bien conçue peut aider à réduire le taux de rebond et même à développer votre liste d'e-mails ou vos ventes en proposant des liens, des CTA et du contenu intelligent au lieu d'une impasse.
Quel type de pages 404 pouvez-vous créer ?
Toutes les pages 404 ne se ressemblent pas. Vous pouvez concevoir la vôtre en fonction de ce qui convient le mieux à votre site web et à votre public.
- Utile : Ajoutez des liens vers votre page d'accueil, votre blog ou une barre de recherche pour aider les visiteurs à trouver ce dont ils ont besoin.
- Créative ou drôle : Utilisez l'humour, les animations ou les illustrations pour rendre la page plus mémorable.
- Marquée ou axée sur les produits : Montrez votre style et incluez des liens vers des produits en vedette ou du contenu populaire.
- Optimisée pour le SEO : Utilisez des mots-clés, des CTA forts et des formulaires de capture de prospects pour transformer les visiteurs perdus en abonnés ou en clients.
Les pages 404 affectent-elles le SEO ?
Une ou deux erreurs 404 ne nuiront pas à votre classement de recherche – elles font normalement partie de la gestion d'un site web. Mais trop de liens brisés peuvent entraîner une mauvaise expérience utilisateur, et cela peut affecter votre SEO au fil du temps.
Si les moteurs de recherche continuent de tomber sur des pages manquantes, cela peut ralentir le crawl et l'indexation. De plus, les utilisateurs peuvent quitter rapidement votre site, ce qui augmente votre taux de rebond.
Pour rester au top, j'utilise un plugin comme Broken Link Checker pour surveiller mon site et corriger rapidement tout problème.
À vous de jouer
Une page 404 personnalisée est un élément essentiel pour tout site web.
Non seulement elle offre une meilleure expérience utilisateur, mais elle peut aussi aider à générer des prospects pour votre entreprise. En suivant les conseils et tutoriels de cet article, vous apprendrez à créer une page 404 qui encourage les visiteurs à rester sur votre site et à passer à l'action.
Alors pourquoi se contenter d'un message d'erreur 404 générique quand vous pouvez créer une page personnalisée qui travaille pour vous ?
Nous espérons que ce guide vous a été utile. Avant de partir, vous pourriez également apprécier ce guide sur la création d'un thème WordPress à partir de zéro sans installer de thème enfant.
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
