Comment créer une page 404 personnalisée dans Webflow ?
Apprenez à créer une page 404 personnalisée dans Webflow : design, éléments essentiels et code de statut correct.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment créer une page 404 personnalisée dans Webflow.
| Éléments essentiels d'une bonne page 404 | Pourquoi |
|---|---|
| Message clair | L'utilisateur comprend ce qui s'est passé |
| Navigation principale | Permet de continuer à naviguer |
| Barre de recherche | Aide à trouver le contenu cherché |
| Liens vers les pages populaires | Réduit le taux de rebond |
| CTA principal | Oriente vers votre objectif de conversion |
1. Accédez à la page 404 Webflow
Dans le panneau Pages, descendez jusqu'à la section Utility Pages. Webflow inclut une page 404 Not Found par défaut. Cliquez dessus pour la designer comme n'importe quelle autre page.
2. Designez votre page 404
Remplacez le contenu par défaut par votre design personnalisé. Éléments recommandés : message d'erreur friendly ("Oups, cette page n'existe pas"), lien vers la homepage, barre de recherche, liens vers vos pages clés (services, blog, contact).
3. Ajoutez un code de statut 404 correct
Webflow renvoie automatiquement un code HTTP 404 pour cette page. Vérifiez-le avec un outil comme httpstatus.io en testant une URL inexistante. Un code 200 sur une page 404 (soft 404) pénalise le SEO.
Conclusion
La page 404 Webflow se design comme une page standard dans Utility Pages. Voir aussi : créer des redirections sur Webflow.
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
