Nginx-Benutzerdefinierte Fehlerseiten: Verbessern Sie die Benutzererfahrung

Erstellen und konfigurieren Sie benutzerdefinierte HTML-Seiten für Nginx-Fehler (wie 404 oder 500), um hilfreiche Informationen bereitzustellen und eine professionellere Benutzererfahrung zu gewährleisten.

Standard-Fehlerseiten von Nginx sind funktional, aber oft wenig einladend. Durch die Anpassung dieser Seiten können Sie Ihre Markenidentität stärken und den Nutzern bei Problemen hilfreiche Anleitungen bieten.

Schritt 1: Erstellen Sie Ihre benutzerdefinierten Fehlerseiten

Erstellen Sie zunächst eine HTML-Datei für den gewünschten Fehlerstatus, zum Beispiel 404.html:

<!DOCTYPE html>
<html>
<head>
    <title>Seite nicht gefunden</title>
</head>
<body>
    <h1>Hoppla!</h1>
    <p>Die gesuchte Seite konnte nicht gefunden werden.</p>
</body>
</html>

Schritt 2: Nginx konfigurieren

Öffnen Sie Ihre Nginx-Konfigurationsdatei (meist unter /etc/nginx/nginx.conf oder in Ihrem Site-spezifischen Block) und fügen Sie die error_page-Direktive hinzu:

server {
    # ... andere Konfigurationen ...

    error_page 404 /404.html;
    location = /404.html {
        root /var/www/html/errors;
        internal;
    }
}

Schritt 3: Konfiguration testen und neu laden

Überprüfen Sie die Konfiguration auf Syntaxfehler:

sudo nginx -t

Wenn alles in Ordnung ist, laden Sie Nginx neu:

sudo systemctl reload nginx

Durch diese kleinen Anpassungen verwandeln Sie eine frustrierende Fehlermeldung in einen hilfreichen Teil Ihrer Website.