Créer une page 404 personnalisée avec Elementor

Un lien cassé, une adresse mal tapée, une page supprimée : tôt ou tard, des visiteurs arrivent sur une page qui n’existe pas. WordPress leur affiche alors la page 404 (404 est le code technique qui signifie « introuvable »). Sur la plupart des thèmes, cette page se résume à « Oups, page introuvable »… et le visiteur repart. Avec Elementor Pro, vous la transformez en une vraie page, à votre image, qui lui propose une suite.

Avant de commencer

• Elementor Pro est nécessaire : la page 404 se crée avec le constructeur de thème.
• Avoir déjà votre en-tête et votre pied de page : ils s’afficheront automatiquement autour de votre page 404.

Voir la page 404 actuelle

Pour savoir d’où vous partez, ouvrez votre site en ajoutant à l’adresse un chemin qui n’existe pas, par exemple votresite.fr/page-qui-n-existe-pas. Vous voyez la page 404 actuelle, celle de votre thème. C’est elle que nous allons remplacer.

Créer le modèle, pas à pas

1. Dans l’administration WordPress, ouvrez Elementor › Constructeur de thème.
2. Dans la colonne de gauche, cliquez sur Error 404.
3. Cliquez sur Add New en haut à droite.
4. La bibliothèque de modèles s’ouvre : vous pouvez choisir un bloc 404 tout prêt et cliquer sur Insert, ou fermer la fenêtre (la croix en haut à droite) pour partir d’une page vide.
5. L’éditeur Elementor s’ouvre : construisez votre page comme n’importe quelle autre (voir ci-dessous ce qu’elle doit contenir).
6. Cliquez sur Publish.

Ce que doit contenir une bonne page 404

L’objectif est simple : que le visiteur trouve ce qu’il cherchait, ou autre chose d’intéressant, au lieu de fermer l’onglet. Voici les éléments à prévoir, du haut vers le bas :

1. Un titre clair : « Cette page n’existe pas (ou plus) ». Évitez le jargon technique : beaucoup de visiteurs ne savent pas ce que veut dire « 404 ».
2. Une phrase rassurante : « Elle a peut-être été déplacée. Voici comment retrouver votre chemin. »
3. Un champ de recherche (widget Search) : le visiteur tape ce qu’il cherchait.
4. Des boutons vers vos pages clés : Accueil, Services, Contact. Trois boutons suffisent.
5. Vos contenus récents ou populaires : derniers articles avec le widget Posts ou un Loop Grid, ou vos produits phares pour une boutique.
6. Un moyen de vous contacter : téléphone, ou lien vers votre formulaire.

Une touche de personnalité est bienvenue si elle correspond à votre style : une illustration, un brin d’humour (« Même notre meilleur technicien n’a pas trouvé cette page »). Mais l’humour ne doit jamais prendre la place des solutions.

Exemple : la page 404 d’un photographe

• Titre : « Cette photo n’est plus dans l’album ».
• Texte : « La page que vous cherchez a peut-être été déplacée. Jetez un œil à mes derniers reportages : »
• Une grille de 3 reportages récents.
• Deux boutons : « Voir mes tarifs » et « Me contacter ».

Publier et vérifier les conditions

Pour une page 404, il n’y a qu’un seul endroit où l’afficher : Elementor l’applique automatiquement aux pages introuvables. De retour dans Elementor › Constructeur de thème, rubrique Error 404, votre modèle apparaît avec une pastille de couleur :

• pastille verte : le modèle est actif (il a des conditions d’affichage) ;
• pastille grise : c’est un brouillon, il ne s’affiche nulle part.

Le lien Edit Conditions en bas du modèle permet de vérifier ou modifier où il s’applique. Le menu « … » permet de le renommer, l’exporter ou le supprimer.

Tester

1. Ouvrez une fenêtre de navigation privée (pour ne pas être connecté en administrateur et éviter le cache).
2. Tapez à nouveau une adresse qui n’existe pas : votre nouvelle page doit s’afficher.
3. Testez le champ de recherche et chaque bouton.
4. Vérifiez l’affichage sur téléphone.

Page 404 et référencement

Une belle page 404 améliore l’expérience des visiteurs, mais elle ne doit pas cacher les vrais problèmes :

• Si une page importante a changé d’adresse, ne comptez pas sur la 404 : mettez une redirection 301 de l’ancienne adresse vers la nouvelle (avec une extension de redirection ou votre extension SEO). Vous conservez ainsi les visiteurs et le référencement acquis par l’ancienne page.
• Surveillez les 404 dans Google Search Console (rapport sur l’indexation des pages) : une page introuvable qui reçoit des visites mérite une redirection.
• Ne redirigez pas toutes les 404 vers l’accueil : Google considère ces redirections comme des « soft 404 », et le visiteur est perdu.

Questions fréquentes

Ma page 404 ne s’affiche pas, c’est toujours celle du thème

Vérifiez que le modèle est bien publié (pastille verte), puis videz le cache de votre extension de cache et de votre hébergeur. Testez en navigation privée.

Puis-je avoir plusieurs pages 404 ?

Vous pouvez créer plusieurs modèles, mais un seul doit être actif : les autres resteront en brouillon, utiles pour préparer une nouvelle version.

Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.