Pagine di errore personalizzate in Nginx: Migliora l'esperienza utente

Introduzione

Quando un server Nginx incontra un errore, come una pagina non trovata (404) o un errore interno del server (500), solitamente mostra una pagina di errore predefinita. Queste pagine sono spesso spoglie e poco accoglienti. Personalizzarle non solo migliora l'estetica del tuo sito, ma aiuta anche a mantenere l'utente coinvolto, guidandolo verso contenuti utili.

Configurazione delle pagine di errore

Per configurare pagine di errore personalizzate, devi modificare il file di configurazione del tuo blocco server Nginx (solitamente situato in /etc/nginx/sites-available/).

1. Crea i file HTML

Per prima cosa, crea le tue pagine di errore personalizzate (ad esempio 404.html e 500.html) e salvale in una directory accessibile, come /var/www/html/errors/.

2. Modifica la configurazione di Nginx

Apri il file di configurazione e utilizza la direttiva error_page per indicare a Nginx quali file utilizzare:

server {
    listen 80;
    server_name esempio.it;
    root /var/www/html;

    error_page 404 /errors/404.html;
    error_page 500 502 503 504 /errors/500.html;

    location /errors/ {
        root /var/www/html;
        internal;
    }
}

3. Ricarica Nginx

Dopo aver salvato le modifiche, verifica la sintassi e ricarica il servizio:

sudo nginx -t
sudo systemctl reload nginx

Conclusione

Implementare pagine di errore personalizzate è un passaggio semplice ma fondamentale per offrire un'esperienza professionale. Assicurati che le tue pagine contengano link utili, come la home page o la pagina di contatto, per ridurre il tasso di abbandono in caso di errore.