¿Has pensado en algo? personnaliser la page d'erreur 404 de votre site ? ¿No? Pourtant, vous le devriez : non seulement c'est simple à faire, mais en plus, cela pourrait faire bajar su tasa de rebote ! L'idée est de conserver sur votre site l'internaute qui passerait par là.
- 1 - Qu'est-ce qu'une erreur 404 ?
- 2 - Cas particulier : la page d'accueil est disponible mais toutes les autres pages affichent une erreur 404
- 3 - Pourquoi et comment éviter les erreurs 404 ?
- 4 - Pourquoi personnaliser la page d'erreur 404 sur son site ?
- 5 - Page d'erreur 404 avec le Divi Thème Builder
- 6 - Page d'erreur 404 sans le Divi Thème Builder
- 7 - Inspirations pour personnaliser votre page d'erreur 404
- 6 - Personnalisez votre page d'erreur 404 : le tuto en vidéo
1 - Qu'est-ce qu'une erreur 404 ?
Uno error 404 est un code de réponse envoyé par votre navigateur lorsqu'il ne trouve aucun contenu à afficher.
Esto puede ocurrir en varios casos:
- Vous avez changé l'URL de votre site, suite à une migration, et vous avez oublié de faire une redirection de nom de domaine.
- Vous avez changé l'URL de votre publication - ou plutôt vous avez modifié le slug - et vous avez oublié de faire une redirection.
- Usted borró una publicación y se olvidó de redirigir.
- Vous avez partagé une URL erronée, par exemple une URL que vous auriez mal orthographié (c'est pourquoi je recommande de toujours faire un copié-collé de l'URL plutôt que de la saisir à la main).
- L'internaute a mal saisi une URL de votre site lors de sa navigation et tombe sur une page qui n'existe pas.
Voilà, c'est à peu près les cas de figure que nous avons l'habitude de rencontrer.
Quieres personalizar ¿Divi como profesional? Descubre todos los tutoriales!
2 - Cas particulier : la page d'accueil est disponible mais toutes les autres pages affichent une erreur 404
Il peut arriver que la page d'accueil de votre site soit disponible mais que toutes les autres pages de votre site affichent une erreur 404. C'est assez rare mais ça m'est déjà arrivé 4 ou 5 fois en quelques années.
En este caso, tienes un .htacces problema del archivo. Entonces es suficiente regenerarlo para corregir el problema.
Pour cela, rendez-vous dans l'onglet Ajustes √≥ Permalians et cliquez 2 fois sur le bouton "enregistrer les modifications". Dans la plupart des cas, cela génère un nouveau fichier .htaccess y règle ces soucis d'erreur 404.
¡No te demores! Descubre el tema Divi aquí. !
3 - Pourquoi et comment éviter les erreurs 404 ?
Errores repetidos 404 ofrecen un mala experiencia de usuario. Pero más allá de eso, es malo para el SEO de su sitio. Google n'aime pas tomber sur un contenu qui n'existe plus !
Para errores correctos 404, il suffit d'installer le Redirect plugin. C'est une extension gratuite et facile d'utilisation qui vous permet de saisir l'ancienne adresse web et d'indiquer vers quelle nouvelle adresse elle doit être redirigée.
C'est un plugin que j'installe sur chacun de mes sites et je vous recommande d'en faire de même.
¿Necesitas dominar Divi? Descubre mi entrenamiento que te acompaña paso a paso en la comprensión y uso de Divi! Más información sobre Divi training.
4 - Pourquoi personnaliser la page d'erreur 404 sur son site ?
Vous vous demander peut-être s'il est réellement nécessaire de personnaliser la page d'erreur 404 d'un site si vous corrigez toutes les erreurs existantes ?
La respuesta es sí, todavía debe personalizar esta página, por dos razones:
- Même si vous corrigez toutes les erreurs 404 de votre site, il se pourrait qu'un internaute saisisse une mauvaise adresse. Dans ce cas, il tomberait sur cette page.
- La page d'erreur 404 de base n'est pas jolie et vous pourriez l'harmoniser avec le reste de votre site.
De plus, en personnalisant votre page d'erreur 404, vous pourriez créer un design hors du commun afin que l'internaute soit finalement satisfait d'être tombé sur cette page avec un brin d'humour, par exemple !
Pero más allá del diseño, le but est d'améliorer l'expérience utilisateur de l'internaute y d'éviter de le perdre. Es absolutamente necesario inciter l'internaute à aller plus loin que cette erreur y découvrir d'autres pages de votre site. Así que tú mejorar su tasa de rebote.
5 - Page d'erreur 404 avec le Divi Thème Builder
La buena noticia es que Divi Builder Tema permet de personnaliser cette page en un clin d'œil !
- Vaya a la pestaña Divi Theme Builder.
- Haga clic "+Ajouter un nouveau modèle".
- Elija el modelo "404 Page".
- Haga clic "Ajouter un corps personnalisé".
- Entonces construye tu diseño como quieras. Añadir un título, texto, de código, des images, etc. Mais n'oubliez pas d'insérer un Módulo de Blog si tienes un blog y/o Módulo boutique si vous avez une boutique en ligne ! Ainsi, l'internaute aura l'embarras du choix pour continuer sa navigation sur votre site ! Pourquoi pas, même, ajouter un Formulario de contacto et/ou un formulaire d'inscription à la newsletter ? Bref, utilisez votre imagination.
Enfin, n'oubliez pas de sauvegarder vos changements afin que cette page d'erreur 404 personnalisée tomar el lugar de la página clásica ofrecida por el tema Divi.
¿Lo sabías? Puedes probar Divi gratis visitando en esta página y haciendo clic en "Pruébalo GRATIS"
6 - Page d'erreur 404 sans le Divi Thème Builder
Si ahora, por una razón que no sé, no quieres usar el tema del constructor para personnaliser votre page d'erreur 404, vous pouvez opter pour la "méthode à l'ancienne".
Entonces tendrá que hacer este cambio en el tema de su hijo.
- Cree su tema infantil como se muestra aquí. Ensuite, ouvrez le dossier du thème Divi (thème parent), repérez le fichier nommé "404.php" et copiez-le.
- Luego pega este archivo en la carpeta de tema infantil.
- Encontrar el código entre las líneas 6 y 10 del archivo.
- Reemplace este código con su propio código HTML.
Aquí está el resultado:
C'est un design simple qui a demandé quelques connaissances en HTML et en CSS. Autant vous dire que c'est bien plus simple d'utiliser le Thème Builder...
Mais bon, au moins vous savez ce que cet outil est capable de faire et vous comprenez ce que nous étions obligé de faire avant que le thème builder n'existe...
7 - Inspirations pour personnaliser votre page d'erreur 404
Maintenant que vous avez compris pourquoi et comment personnaliser votre page d'erreur 404, vous avez peut-être besoin d'un peu d'inspiration pour créer la vôtre.
¡Buenas noticias! El Hola 404 sitio web publie chaque semaine de nouvelles inspirations pour personnaliser votre page d'erreur 404.
6 - Personnalisez votre page d'erreur 404 : le tuto en vidéo
La création de cette page est très simple, vous l'avez vu dans ce tutoriel... Toutefois, je vous ai préparé une version vidéo :
Pour aller plus loin, voici une liste de liens utiles pour personnaliser votre page d'erreurs 404 :
- 4 plugins pour personnaliser la page d'erreur 404
- Obtenga un diseño de error 404 (gratis)
- Cómo reparar errores 404 en sitios de WordPress
Super ! J’ai déjà crée une page d’erreur 404 pour mon 2eme site https://aixelles.fr …..en m’inspirant de la page d’erreur d’astuces Divi ( trop jolie) 😊
Dans quelques temps, je le ferai pour les « roulettes ».
Merci de tes bons conseils, une vraie mine d’or pour nous les apprentis 🥳🥳
Super ! Merci Christine 😉
Bonjour,
Je viens de regarder votre vidéo.
Et si vous n’avez toujours pas trouvé la solution pour le player (tuto datant de juin 2021)
je peux vous le dire :
il suffit simplement de décocher la case « controls » et le player n’y sera plus.
Et si oui, vous avez réglé votre mini soucis, ne tenez pas compte de ce message ^-^
Je vous souhaite une bonne continuation.
Merci oui il faut que je modifie le tutoriel…