404-Seite gestalten: Fehlerseiten, die Besucher halten statt verlieren

Ein Kunde klickt auf einen alten Link in einer E-Mail, tippt eine Adresse falsch ab oder folgt einem Verweis von einer anderen Website, der seit dem letzten Relaunch nicht mehr stimmt. Er landet auf einer Seite mit dem Text „404 Not Found“ – und schließt den Tab. Das passiert auf fast jeder Website, und es lässt sich nie ganz verhindern. Was Sie in der Hand haben, ist die Seite, die in diesem Moment erscheint.

In diesem Ratgeber geht es um beides: die Gestaltung einer hilfreichen 404-Seite und die Technik dahinter, damit Besucher und Suchmaschinen dasselbe verstehen.

Was ist eine 404-Seite?

Ruft ein Browser eine Adresse auf, antwortet der Server mit einem Statuscode. 200 heißt „alles in Ordnung“, 301 „dauerhaft umgezogen“, 404 „nicht gefunden“ und 410 „dauerhaft entfernt“. Die 404-Seite ist das, was der Server zusammen mit dem Code 404 an den Browser schickt – im Idealfall eine gestaltete Seite im Design Ihrer Website statt einer nackten Fehlermeldung.

Für Google spielt der Unterschied zwischen 404 und 410 kaum eine Rolle. In der Dokumentation zur Crawling-Infrastruktur heißt es, dass alle 4xx-Fehler mit Ausnahme von 429 gleich behandelt werden. Google entfernt solche Adressen mit der Zeit aus dem Index, crawlt sie seltener und ignoriert den Inhalt, den die Fehlerseite anzeigt. Die Gestaltung der 404-Seite ist also vor allem für Menschen da.

Ob Sie 404 oder 410 verwenden, ist deshalb eher eine Frage der Ordnung als des Rankings. 410 drückt aus, dass Sie eine Seite bewusst und endgültig entfernt haben, etwa eine abgelaufene Aktion. 404 ist der allgemeine Fall, auch für Adressen, die es nie gab. Für die meisten Websites genügt es, wenn das System zuverlässig 404 liefert.

404 oder Weiterleitung: Was ist richtig?

Bevor Sie über Gestaltung nachdenken, lohnt sich eine Grundsatzfrage: Soll die Adresse überhaupt einen Fehler zeigen?

Google empfiehlt in der Search-Console-Hilfe ausdrücklich: Ist eine Seite umgezogen, verwenden Sie eine 301-Weiterleitung zur neuen Ziel-URL. Wie Sie Weiterleitungen sauber planen und testen, zeigt der Ratgeber 301-Weiterleitungen richtig einrichten.

Soft-404-Fehler: Wenn Fehlerseite und Statuscode nicht zusammenpassen

Ein Soft 404 entsteht, wenn eine Seite für Besucher wie eine Fehlerseite aussieht, der Server aber den Statuscode 200 („alles in Ordnung“) sendet. Google beschreibt das in der Hilfe zum Bericht „Seitenindexierung“ so: Es wird eine nutzerfreundliche Meldung „Nicht gefunden“ angezeigt, aber kein 404-Antwortcode. Laut Googles Dokumentation zu HTTP-Statuscodes können auch leere Seiten so eingestuft werden.

Typische Ursachen in der Praxis:

• Eigene Fehlerseite als normale Seite angelegt, etwa „/seite-nicht-gefunden/“, auf die alle Fehler per Weiterleitung geschickt werden.
• Leere Kategorie- oder Archivseiten, zum Beispiel eine Referenzkategorie ohne Einträge.
• Single-Page-Anwendungen, die Fehler erst im Browser per JavaScript anzeigen. Google empfiehlt in seiner JavaScript-Dokumentation, in diesem Fall auf eine Adresse umzuleiten, die serverseitig 404 liefert, oder ein noindex-Robots-Meta-Tag zu setzen.

Die Lösung ist fast immer dieselbe: Echte „Nicht gefunden“-Seiten müssen den Code 404 oder 410 liefern. Seiten, die zu Unrecht als Soft 404 gelten, brauchen mehr eigenständigen Inhalt.

Was auf eine gute 404-Seite gehört

Schon 1998 formulierte Jakob Nielsen von der Nielsen Norman Group die Grundregeln, und sie gelten bis heute: Die Fehlerseite soll in einfacher Sprache erklären, was passiert ist, und einen Weg zur Lösung anbieten. Für eine Unternehmenswebsite heißt das:

• Eine klare, kurze Aussage: „Diese Seite gibt es leider nicht (mehr).“ Kein Fachjargon, kein „Error 404“ als einzige Überschrift.
• Eine mögliche Erklärung: „Vielleicht wurde der Link falsch abgetippt oder die Seite ist umgezogen.“
• Ein Suchfeld, sofern Ihre Website eine funktionierende Suche hat.
• Die wichtigsten Ziele als Links: Startseite, Hauptleistungen, Referenzen, Kontakt.
• Kontaktmöglichkeit: Telefonnummer und ein Satz wie „Sie suchen etwas Bestimmtes? Rufen Sie uns an.“
• Die normale Navigation und den Footer – die Fehlerseite ist Teil der Website, keine leere Insel.

Ton und Gestaltung

Ein Augenzwinkern ist erlaubt, solange es nicht auf Kosten der Orientierung geht. Ein Dachdecker kann schreiben „Hier ist uns wohl ein Ziegel verrutscht“, ein Elektriker „Hier ist leider die Sicherung rausgeflogen“. Darunter muss aber sofort stehen, wie es weitergeht. Ein großes Bild oder eine Animation ohne Links hilft niemandem.

Beispiel: Textbausteine für eine 404-Seite

Viele Betriebe tun sich schwer mit dem Text. Diese Vorlage für einen Sanitär- und Heizungsbetrieb können Sie an Ihre Branche anpassen:

• Überschrift: „Diese Seite gibt es leider nicht (mehr).“
• Erklärung: „Vielleicht hat sich ein Tippfehler in die Adresse eingeschlichen, oder die Seite ist bei unserem letzten Umbau umgezogen.“
• Wegweiser: „Hier geht es weiter:“ – darunter Kacheln für „Badsanierung“, „Heizung & Wärmepumpe“, „Notdienst“.
• Kontakt: „Sie finden nicht, was Sie suchen? Rufen Sie uns an: 07151 123 456 (Mo–Fr 7–17 Uhr).“
• Suche: Ein Suchfeld mit der Beschriftung „Website durchsuchen“, wenn Ihre Website eine Suche anbietet.

Ein paar Gestaltungsregeln runden das ab: Die Überschrift ist die einzige H1 der Seite, die Links sind als Text lesbar und nicht nur als Symbole, und auch mobil ist ohne Scrollen mindestens ein Wegweiser sichtbar. Die Hauptnavigation bleibt erhalten – sie ist auf einer Fehlerseite oft der wichtigste Ausweg. Wie Sie die Menüstruktur so aufbauen, dass Besucher sich auch ohne Suche zurechtfinden, beschreibt der Ratgeber Website-Navigation gestalten.

404-Fehler finden und auswerten

Die beste Fehlerseite ist die, die selten erscheint. Prüfen Sie deshalb regelmäßig, wo Besucher und Suchmaschinen auf nicht vorhandene Seiten stoßen:

1. Search Console öffnenIm Bericht „Seitenindexierung“ listet Google Adressen mit den Gründen „Nicht gefunden (404)“ und „Soft 404“. Prüfen Sie vor allem Adressen, die früher Besucher hatten. Mehr dazu im Ratgeber Seite wird nicht indexiert.
2. Fehlerseite in der Statistik messbar machenGeben Sie der 404-Seite einen eindeutigen Seitentitel, etwa „Seite nicht gefunden“. So sehen Sie in Ihrer Webanalyse, wie oft sie aufgerufen wird und von welchen Adressen.
3. Interne Links prüfenEin Crawler-Tool zeigt, welche Links auf Ihrer eigenen Website ins Leere führen. Diese sollten Sie direkt korrigieren statt umzuleiten.
4. Externe Links bewertenZeigen wertvolle Links anderer Websites auf eine gelöschte Seite, lohnt sich eine 301-Weiterleitung auf den passendsten Ersatz.
5. Nach jedem Relaunch wiederholenGerade nach Umbauten steigen 404-Fehler sprunghaft. Planen Sie die Prüfung fest in die ersten Wochen nach dem Go-live ein.

Technische Umsetzung, zum Beispiel in WordPress

In WordPress übernimmt das Theme die Fehlerseite, meist über eine Vorlagendatei namens 404.php. Viele Page-Builder bieten im Theme-Builder eine eigene Vorlage für „404-Seite“, die Sie wie jede andere Seite gestalten können. Achten Sie dabei auf drei Punkte:

• Statuscode prüfen: Rufen Sie eine erfundene Adresse auf und kontrollieren Sie in den Entwicklertools des Browsers (Reiter „Netzwerk“), ob tatsächlich 404 zurückkommt – nicht 200 oder 302.
• Keine Weiterleitung auf eine Fehler-URL: Die Fehlerseite sollte unter der aufgerufenen Adresse erscheinen. Wer nach „/kontakkt/“ sucht, sieht dort die 404-Seite, die Adresse in der Browserzeile bleibt stehen.
• Leicht halten: Die Fehlerseite sollte schnell laden. Große Videos oder aufwendige Animationen sind hier fehl am Platz.

Gehören 404-Fehler zu einem größeren Umbau, hilft die Website-Relaunch-Checkliste, damit alte Adressen nicht unbemerkt verloren gehen.

Checkliste für Ihre 404-Seite

• Die Seite liefert den Statuscode 404 (oder 410) – geprüft mit einer erfundenen Adresse.
• Die Überschrift erklärt in einfachen Worten, dass die Seite nicht existiert.
• Navigation und Footer sind wie auf jeder anderen Seite vorhanden.
• Es gibt Links zu den wichtigsten Zielen und – falls vorhanden – ein Suchfeld.
• Telefon oder Kontakt-Button sind direkt sichtbar.
• Umgezogene Seiten werden per 301 weitergeleitet statt mit 404 beantwortet.
• Fehler werden nicht pauschal auf die Startseite umgeleitet.
• Die Fehlerseite hat einen eindeutigen Seitentitel und ist in der Statistik auswertbar.
• Der Bericht „Seitenindexierung“ in der Search Console wird regelmäßig geprüft.

Häufige Fragen

Quellen

1. Google Search Console-Hilfe: Bericht zur Seitenindexierung – Abschnitte „Soft 404“ und „Nicht gefunden (404)“
2. Google for Developers: Auswirkungen von HTTP-Statuscodes auf die Crawler von Google
3. Google Search Central: JavaScript-Probleme im Zusammenhang mit der Suche beheben – Soft 404 in Single-Page-Apps
4. Nielsen Norman Group: Improving the Dreaded 404 Error Message (1998)