Die 404-Seite richtig gestalten - statt Besucher zu verlieren
Fast jede Website produziert irgendwann 404-Fehler: Ein Besucher klickt auf einen alten Link, vertippt sich in der URL oder folgt einem Lesezeichen, das es nicht mehr gibt. Die Frage ist nicht, ob das passiert, sondern was dann auf dem Bildschirm steht. Eine leere Standard-Fehlerseite ist eine Sackgasse - und an dieser Stelle springen die meisten Besucher ab. Eine durchdachte 404-Seite holt sie stattdessen zurueck in deine Website.
Was eine 404-Seite ueberhaupt ist
Der Statuscode 404 bedeutet schlicht: Die angeforderte Seite existiert nicht (mehr). Dein Server liefert diesen Code zusammen mit einer Seite aus - und genau diese Seite kannst du frei gestalten. Standardmaessig zeigen viele Systeme eine technische, kahle Meldung. Das ist eine verschenkte Chance, denn der Besucher ist ja schon da. Er will nur woanders hin.
Die haeufigsten Fehler
Bevor es um gutes Design geht, lohnt der Blick auf das, was schiefgeht:
- Die Standardseite des Servers - graue Schrift auf weissem Grund, kein Bezug zu deiner Marke, kein Weg zurueck.
- Die Weiterleitung auf die Startseite - das wirkt zwar bequem, verwirrt aber: Der Besucher landet ohne Erklaerung woanders und versteht nicht, was passiert ist.
- Soft 404 - die Seite sieht aus wie eine Fehlerseite, sendet aber technisch den Code 200 (OK). Google bewertet das als Fehler und kann betroffene URLs schlechter behandeln.
- Eine Sackgasse ohne Links - schoenes Design, aber kein Hinweis, wie es weitergeht.
Was auf eine gute 404-Seite gehoert
Eine 404-Seite muss zwei Dinge leisten: erklaeren, was los ist - und dem Besucher sofort einen Ausweg anbieten. Konkret heisst das:
- Eine klare, freundliche Botschaft: Sag ehrlich, dass die Seite nicht gefunden wurde. Kein Fachjargon, kein Schuldzuweisung an den Nutzer.
- Konsistentes Design: Header, Logo, Navigation und Farben deiner Website bleiben sichtbar. So weiss der Besucher, dass er nicht verloren ist, sondern weiterhin bei dir.
- Eine funktionierende Navigation: Ueber das normale Menue kommt er ueberall hin.
- Ein Suchfeld: Besonders bei groesseren Websites mit vielen Unterseiten der schnellste Weg zum Ziel.
- Links zu den wichtigsten Seiten: Startseite, populaere Inhalte, Kontakt. Drei bis fuenf reichen.
- Optional ein Kontakthinweis: Falls der Besucher etwas Bestimmtes gesucht hat, kann er es dir melden - das hilft dir, kaputte Links zu finden.
Ein bisschen Humor oder eine passende Illustration schadet nicht und nimmt dem Moment die Frustration. Wichtig ist aber: Der Nutzen geht vor. Eine witzige Grafik ohne Navigation loest das Problem nicht.
Die technische Seite - oft vergessen, aber entscheidend
Das Aussehen ist nur die Haelfte. Damit Suchmaschinen sauber arbeiten, muss die Seite den echten Statuscode 404 (oder 410, wenn etwas dauerhaft entfernt wurde) senden. Du kannst das mit den Entwicklertools deines Browsers oder einem Online-Header-Check pruefen. Sendet die Seite faelschlich 200, entsteht ein Soft 404 - und Google indexiert moeglicherweise leere Seiten oder behaelt geloeschte Inhalte im Index.
Ein zweiter Punkt: Wenn eine Seite umgezogen ist, gehoert dorthin keine 404, sondern eine 301-Weiterleitung auf die neue Adresse. Die 404-Seite ist nur fuer Inhalte gedacht, die es wirklich nicht mehr gibt oder nie gab. Diese Unterscheidung sauber zu treffen, erspaert dir Ranking-Verluste.
404-Fehler im Blick behalten
Eine gut gestaltete 404-Seite faengt Besucher auf - aber im Idealfall sollten sie gar nicht erst dort landen. Darum lohnt es sich, regelmaessig zu schauen, welche URLs Fehler ausloesen:
- In der Google Search Console findest du unter den Seitenberichten, welche Adressen als nicht gefunden gelten.
- In deinen Server-Logs oder einem Analyse-Tool siehst du, ueber welche Links Besucher auf die 404-Seite kommen.
- Haeufen sich bestimmte URLs, ist meist ein interner Link kaputt oder eine externe Seite verweist falsch - beides laesst sich beheben.
Wie wir das in der Praxis handhaben
Wir betreiben sieben eigene Marken in Produktion - vom Barrierefreiheits-Scanner ueber ein Kosmetik-Produktportal mit ueber 177.000 Produkten bis zu einem Fahrzeug-Deal-Radar. Gerade bei grossen, dynamisch erzeugten Seitenbestaenden entstehen zwangslaeufig tote Links: Produkte werden entfernt, URLs aendern sich, Crawler raten Adressen. Aus dieser Erfahrung wissen wir: Eine 404-Seite ist kein Schoenheitsthema, sondern Teil der Substanz. Sie muss den richtigen Statuscode senden, im Design zur Marke passen und den Besucher mit Suche und Navigation zurueckfuehren. Bei jedem Projekt, das wir zum Festpreis bauen, gehoert eine saubere Fehlerseite samt korrektem HTTP-Verhalten zum Standard - nicht zum Aufpreis.
Unterm Strich ist die 404-Seite ein kleiner Baustein mit grosser Wirkung: Sie kostet wenig Aufwand, verhindert aber, dass du Besucher genau in dem Moment verlierst, in dem du sie noch leicht halten koenntest.