Pages d'erreur personnalisées Nginx : Améliorez l'expérience utilisateur
Créez et configurez des pages HTML personnalisées pour les erreurs Nginx (comme 404 ou 500) afin de fournir des informations utiles et une expérience utilisateur plus soignée.
Lorsqu'un utilisateur rencontre une erreur sur votre site web, la page d'erreur par défaut de Nginx peut sembler impersonnelle et déroutante. En configurant des pages d'erreur personnalisées, vous pouvez guider vos visiteurs et maintenir une image de marque cohérente.
1. Créer vos pages HTML
Tout d'abord, créez un répertoire pour vos pages d'erreur et ajoutez vos fichiers HTML :
sudo mkdir -p /var/www/errors
Créez par exemple un fichier 404.html :
<!DOCTYPE html>
<html>
<body>
<h1>Page non trouvée</h1>
<p>Désolé, la page que vous cherchez n'existe pas.</p>
</body>
</html>
2. Configurer Nginx
Modifiez votre fichier de configuration Nginx (généralement dans /etc/nginx/sites-available/default ou votre fichier de configuration spécifique) :
server {
# ... autres configurations ...
error_page 404 /404.html;
location = /404.html {
root /var/www/errors;
internal;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /var/www/errors;
internal;
}
}
3. Appliquer les changements
Testez la configuration pour vérifier qu'il n'y a pas d'erreurs de syntaxe, puis rechargez Nginx :
sudo nginx -t
sudo systemctl reload nginx
En suivant ces étapes, vous offrez une expérience plus professionnelle et rassurante à vos utilisateurs, même en cas de problème technique.