Benutzerfreundliche 404-Fehlerseiten

von Beni

Die meisten von uns wissen, was ein 404-Fehler bedeutet: Es handelt sich dabei um einen HTTP-Statuscode, der vom Server dann gesendet wird, wenn dort für die angefragte URL keine Ressource existiert.

Der “404 Not Found”-Statuscode ist der Fehler, den Benutzer im Internet am häufigsten zu sehen bekommen. Der Grund dafür ist, dass sich immer mal wieder URLs ändern können, zum Beispiel durch eine Änderung des auf dem Server verwendeten Systems. Oder der Benutzer hat sich vertippt hat oder das “.html” vergessen. Auf jeden Fall ist die Seite, die der Benutzer aufrufen wollte auf dem Webserver nicht an der Stelle, die er vermutet und er bekommt eine Fehlerseite präsentiert.

Deshalb sollte die Fehlerseite so gestaltet sein, dass der Besucher möglichst trotzdem auf der Seite bleibt. Um das zu erreichen sollte man folgende Punkte beachten, wenn man eine 404-Fehlerseite konzipiert:

  • Klar und deutlich darauf hinweisen, dass die gesuchte Seite nicht existiert. Dabei sollte man auf einfache Sprache achten, die auch von nicht technisch versierten Benutzern verstanden werden kann.
  • Kurz die möglichen Gründe dafür aufführen, warum die gewünschte URL nicht aufgerufen werden kann (Seite wurde verschoben oder gelöscht, Benutzer hat sich vertippt oder ähnliches).
  • Dem Benutzer Hilfestellungen anbieten, wie er trotzdem an seine Infos kommen kann. Obligatorisch ist ein Link zur Homepage und eine Suchbox. Sinnvoll ist aber auch eine Liste von Links, die auf Basis der eingegebenen URL durch Rechtschreibkorrektur oder eine Suche ermittelt wurden.
  • Aber: Nicht zu ausführlich werden. Der Benutzer soll auf einen Blick erfassen können, dass es sich bei der angezeigten Seite um eine Fehlerseite handelt.

Ich möchte abschließend noch zwei gute und zwei schlechte Beispiele aus dem deutschsprachigen Internet anführen:

  • http://www.bund.de/dieseSeiteGibtEsHierNicht.html: Gut. Diese Seite erzählt einem alles was passiert sein könnte. Für einen unerfahrenen Benutzer könnte dieses “Fehler 404″ in der Überschrift schon etwas verwirrend sein.
  • http://www.ebay.de/dieseSeiteGibtEsHierNicht.html: Gut. Hier gefällt mir die Suchfunktion und die Möglichkeit in den Kategorien zu browsen. Auch das “!”-Icon oben auf der Seite weist deutlich auf einen Fehler hin. Aber ich finde die Seite auch fast schon ein bisschen Überfrachtet.
  • http://de.selfhtml.org/dieseSeiteGibtEsHierNicht.html: Schlecht.

    Not Found
    The requested URL /dieseSeiteGibtEsHierNicht.html was not found on this server.
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Das ist einfach nur die Standardfehlermeldung des Apache-Webserver. Das ist nicht mal deutsch, obwohl ich doch extra auf de.selfhtml.org hin wollte. Dabei beschreiben die auf ihrer Seite sogar, wie man auf dem Apache eine eigene Fehlerseite einrichtet.

  • http://www.web.de/dieseSeiteGibtEsHierNicht.html: Schlecht. Hier wird der Benutzer nicht mal drüber informiert, dass es die angeforderte Seite nicht gibt, sondern er wird einfach kommentarlos auf ein Verzeichnis umgeleitet.

Für weitergehende Informationen bietet das 404 Research Lab einen ausgezeichneten Startpunkt – ?404 Of The Week? ist dabei besonders hervorzuheben. Auch dieser Artikel in Jakob Nielsen?s Alertbox ist nicht übel. Interessante Ansätze sind auch im Artikel “Creating User Friendly 404 Pages” aufgeführt.

  • E-mail this story to a friend!
  • del.icio.us
  • Twitter
  • MisterWong.DE
  • Yigg
  • LinkArena
  • Webnews.de
  • Digg
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Reddit
  • StumbleUpon