Eine eigene 404-Page gestalten

Ziel der Übung

Bei den meisten Hosting-Angeboten/CMS/Frameworks existiert eine vorgefertigte 404-Page, diese ist aber oft nicht besonders sexy. Ausserdem wird dabei vergessen, dass die Hinweise darin nicht für Entwickler*innen sind, sondern für "Normalos", bei denen offensichtlich etwas falsch gelaufen ist. Für die Benutzerfreundlichkeit wäre genau das wichtig: ein nette, verständliche Erklärung oder Hilfestellung.
Die Umleitung auf die eigene 404-Seite werden wir mit einem einfachen .htaccess Befehl umsetzen.

Dokumente anlegen

404 Error Page

Lege zuoberst (im root-Verzeichnis deines Entwicklungs-Stacks) eine einfache HTML-Datei an und taufe sie my_404_page.html. Diese soll angezeigt werden, wenn im Browser eine URL eingeben wird, die es nicht gibt oder wenn ein Link zu einer Datei aufgerufen wird, die nicht mehr existiert. Eine solche Seite nennt man "404 Error Page".

Überlege dir einen einfachen, hilfreichen, netten und witzigen Text. Beispiele:

• Ooops, das hätte nicht passieren dürfen!
• Leider ist die Seite, die Sie aufrufen möchten, nicht (mehr) vorhanden. Bitte geben Sie eine andere Internet-Adresse ein oder wechseln Sie auf die Startseite (Mit Link zur Homepage)
• Wir sind gerade daran, unsere Website neu aufzubauen. Offensichtlich gibt es die Seite, die Sie suchen, nicht mehr. Bitte entschuldigen Sie das!

Suche auch ein lustiges, freundliches Bild für die Seite (Beispiel s.u.).

.htaccess mit Umleitung

Lege zuoberst im root-Verzeichnis auch eine .htaccess-Datei an. Füge folgenden Code hinzu:

ErrorDocument 404 /my_404_page.html

Teste, ob es funktioniert: Gib eine URL in die Adresszeile deines Browser ein, die kein Ziel hat.

Beispielbild

Bildquelle: vectorportal.com