404 Fehlermeldungen selbst gestalten

Wird eine Webseite nicht gefunden, etwa weil in den Suchmaschinen ein toter Link enthalten ist, gibt es eine schnöde Fehlermeldung die weder optisch noch inhaltlich attraktiv ist. Eine typische Fehlermeldung lautet:
404 – File not found

Wie diese Meldung wirkt hat sicher schon jeder selbst erfahren. Immer mehr User im Web können damit nichts anfangen und brauchen es auch gar nicht, wenn der Webgestalter dafür sorgt, dass der Besucher mit einer Meldung bedient wird die ihm nützt. Das ist gar nicht so schwer:

Fehlerseite 404 gestalten

Eine selbst gestaltete Fehlerseite leitet den Besucher sicher zum Angebot der Website.
Folgende Schritte sind notwendig:

In einem normalen Texteditor schreiben Sie folgende Zeile:
ErrorDocument 404 /error/error.html

Der Eintrag muss in der ersten Zeile der Datei stehen.
Er gibt an wo sich die Datei befindet die zur Fehlermeldung benutzt werden soll.
Die Pfadangabe ist hier nur beispielhaft. Welches Verzeichnis Sie zum Ablegen der Fehlerdatei benutzen und wie Sie Verzeichnis und Datei nennen bleibt Ihnen überlassen.
Ein Verzeichnis Fehlermeldung und eine Datei irrtum.html würden wie folgt eingetragen:

ErrorDocument 404 /Fehlermeldung/irrtum.html

wichtig ist, dass die Pfadangabe mit einem / beginnt !!
Sie können auch eine absolute Pfadangabe verwenden:

ErrorDocument 404 http://www.IhrServer.de/error/error.html

Speichern Sie die Datei im ASCII Format, also als ganz normale Textdatei mit dem Namen .htaccess.

Hinweis: Das Windows Notepad als gängiger Texteditor ist nicht in der Lage diesen Dateinamen zu erzeugen, der Dateinamen wird mit der Endung .txt ergänzt. Grund: nach Windows-Konvention muss vor dem Punkt mindestens ein Zeichen stehen.
Dieses Problem lässt sich beheben, wenn der Dateinamen beim Abspeichern in Anführungszeichen gesetzt wird:
“.htaccess”

Der Editor Notepad++ erzeugt die Datei problemlos.

Sie können aber auch die Datei mit einer beliebigen Endung erzeugen und erst nach dem Upload auf dem Server umbenennen.

Nun legen Sie die Datei error.html an. Die können Sie ganz nach Ihren Wünschen gestalten, im Layout Ihrer Website. Oder mit einem völlig anderen, vielleicht sogar künstlerisch gestaltetem Aussehen.

Neben einer verständlichen Begrüssung des Besuchers werden Links zur Verfügung gestellt die ihn auf Ihr Angebot leiten. Mindestens der Link zur Startseite oder zu einer Sitemap sollte zur Verfügung stehen. Sie können auch die Links Ihrer ganz normalen Navigation einfügen.

Die beiden Dateien error.htm und .htaccess übertragen Sie mit ihrem ftp-Client zur Website.

.htaccess muss in das Hauptverzechnis ihrer Website, also da wo ihre Startseite liegt, die in der Regel index.html, default.htm oder ähnlich heisst, kopiert werden.
Die Fehlermeldungsdatei kopieren Sie in das Verzeichnis das sie in .htaccess angegeben haben.

Nun probieren Sie ob der Vorgang so funktioniert, wie Sie es wünschen.

Es können noch weitere Fehlermeldungen mit diesem Verfahren berücksichtigt werden:

400 – Bad request
Fehlerhafte Anfrage
401 – Unauthorized
Zugriffsberechtigung ist erforderlich
403 – Forbidden
Passwortgeschützte Datei
500 – Bad script request
Fehlerhafte Script-Anfrage

die Datei .htaccess könnte dann beispielsweise wie folgt aussehen:

ErrorDocument 400 /error/error.html
ErrorDocument 401 /error/error.html
ErrorDocument 403 /error/error.html
ErrorDocument 404 /error/error.html
ErrorDocument 500 /error/error.html

Hinweis: Nach Unix-Konvention sind Dateien die mit einem Punkt beginnen, versteckte Dateien. Es ist möglich dass Sie diese Datei in Ihrem FTP-Programm nach dem Upload nicht sehen können. Die Funktion der Datei ist dadurch nicht beeinträchtigt.

Die Datei .htaccess wird von einigen Providern genutzt um Verzeichnisse mit einem Passwortschutz zu versehen. Im Zweifelsfalle sollten Sie sich mit Ihrem Hosting-Provider über die Verwendung der Datei verständigen.

Genaue Definitionen der Fehlerklassifizierung erhalten Sie beim W3C.
Fehlertypen für das http-Protokoll

Anregungen für die künstlerische Gestaltung von Fehlerseiten und eine Galerie mit den schönsten Fehlerseiten finden Sie hier: 404Lounge.net
404 Research Lab

Comments

Leave a Reply