Comment créer une page 404 personnalisée dans Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment créer une page 404 personnalisée dans Webflow.

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.