Lorsque vos visiteurs tombent sur une erreur - que ce soit une page inexistante ou une erreur technique du site, la page d'erreur servie par défaut par votre plateforme d'hébergement ou votre framework est souvent générique et assez peu utile. Parfois, elle est même carrément cryptique ! Cela crée une mauvaise expérience et peut augmenter le taux de rebond en désorientant les utilisateurs.
Avec redirection.io, vous n'avez pas besoin de toucher aux fichiers du serveur pour personnaliser vos pages d'erreor ! Vous pouvez intercepter les réponses d'erreur et afficher des pages à l'image de votre marque, sans devoir toucher au code du site.
Cette recette redirection.io permet aux responsabled de sites web de créer une expérience plus conviviale lorsque des erreurs se produisent.
Que fait cette recette ?
Cette recette permet de personnaliser les pages d'erreur standard (comme 404 Not Found ou 500 Internal Server Error) et de les remplacer par vos propres pages d'erreur personnalisées.
Vous pouvez définir :
- les codes d'erreur que vous souhaitez gérer (
404
,410
,500
, etc.) ; - le contenu de votre page d'erreur HTML personnalisée.
L'expérience utilisateur devient transparente et conviviale, et votre marque reste cohérente.
Pourquoi installer cette recette ?
Cette recette permet de gagner en réactivité et de conserver une expérience utilisateur agréable, même en cas d'erreur :
- Meilleure UX : au lieu d'un écran standard "Not Found" un peu moche, guidez vos visiteurs avec des messages clairs, des outils de recherche ou des Call To Action alternatifs.
- Pas de développement nécessaire : vous n'avez pas besoin de mettre à jour le code de votre site ou la configuration de votre serveur. Pas de
.htaccess
, pas de directive nginx à écrire. - Déploiement rapide : cette approche est idéale pour déployer rapidement de nouvelles pages d'erreur, la mise en ligne ne nécessite que quelques secondes.
- Contrôle total de la marque : mettez en avant votre marque, ses visuels et le ton de sa communication, même en cas d'erreur.
Comment installer cette recette sur mon site ?
Pour installer cette recette sur votre site web, suivez les étapes suivantes :
- Coller le code HTML de la page d'erreur : Collez le code HTML de la page d'erreur souhaitée dans le champ "Contenu HTML". Veillez à ce que le code ne dépasse pas 50 Ko, afin d'optimiser les performances et l'expérience de l'utilisateur.
- Choisissez un code de statut : Dans le champ "Type de page d'erreur", sélectionnez le type d'erreur pour lequel cette page d'erreur doit être servie.
- Cliquez sur "Installer sur mon site web" : Installez la recette - cela créera une règlee en mode "brouillon".
- Publier les règles : Examinez la règle créée par la recette, modifiez la si nécessaire, puis publiez les règles pour activer les nouvelles pages d'erreur personnalisées sur votre site web.
Répéter l'opération pour différents codes de statut (optionnel)
Pour une personnalisation complète des pages d'erreur, vous pouvez installer la recette plusieurs fois, pour des codes d'état différents (par exemple, 404
et 5xx
). Cela garantit une expérience personnalisée et informative pour les visiteurs qui rencontrent différents types d'erreurs.
Personnalisez au moins les pages d'erreur 404
(Not Found) et 5xx
(Server error) pour fournir des informations et des conseils utiles aux utilisateurs. L'adaptation de ces pages d'erreur fréquemment rencontrées améliore l'engagement et la satisfaction des utilisateurs.