Wissen / Artikel

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.

Brauchst du selbst eine Website, ein Tool oder eine SaaS?

Wir bauen sie zum Festpreis - vom Team, das sieben eigene Marken live betreibt. Klarer Scope, klarer Preis, klarer Zeitrahmen.

Projekt starten Leistungen & Preise

Typen von 404-Seiten und was in welche Situation passt

Es gibt verschiedene Ansätze, je nachdem, wie deine Seite beschaffen ist. Bei einer statischen Site mit kleinem Menü reicht oft eine Seite mit Hauptnavigation und Suche. Bei einem großen E-Commerce-Portal sollte die 404 stark individualisiert sein: Sie könnte sagen, dass das Produkt ausverkauft ist oder umgezogen ist, und Alternativen-Produkte vorschlagen. Bei einem Blog-Archiv könnten Sie auf populäre Artikel oder auf den Blog-Index verweisen.

Ein beliebtes Element ist auch ein sogenannter Sitemap-Link auf der 404, damit Suchmaschinen und Besucher einen Überblick bekommen. Oder eine Suchfunktion, die automatisch versucht, dem Besucher ähnliche Seiten zu schlagen. Das sendet das Signal: „Du bist zwar auf der falschen Seite, aber hier findest du schnell, was du willst."

Soft 404s – das verborgene Problem

Ein Soft 404 ist tückisch: Die Seite antwortet mit HTTP 200 (OK), zeigt aber leeren Inhalt oder sagt nur „Seite nicht gefunden". Google und andere Suchmaschinen halten das für eine gültige, inhaltlose Seite und könnten sie indexieren – nur dass sie keinen Wert hat. Das frisst Crawl-Budget und trübt Rankings.

Um das zu prüfen, öffne deine 404-Seite im Browser, öffne die Entwicklertools (F12), gehe zum Reiter Netzwerk und reload. Unter Status sollte 404 stehen, nicht 200. Wenn dort 200 steht, muss die Seite auf dem Server konfiguriert werden (oft eine einfache .htaccess oder nginx-Anpassung). Diese technische Kleinigkeit hat große Auswirkungen, darum gehört sie zu jedem Projekt dazu.

404-Fehler überwachen und Trends erkennen

Die meisten Content-Management-Systeme oder Webserver-Logs zeichnen 404-Fehler auf. Wenn regelmäßig die gleiche URL Fehler verursacht, deutet das auf einen toten Link (z.B. eine alte Internallink von irgendwo) hin – und den solltest du finden und beheben oder weiterleiten. Manche 404s sind auch Symptome: Wenn plötzlich hunderte Zugriffe auf /admin oder /xmlrpc.php landen, ist das ein Anzeichen von Angriffsversuchen oder Crawler-Missbrauch.

Ein einfaches Tool wie Google Search Console zeigt dir die häufigsten 404-Fehler und deren Quellen (welche Seite auf den toten Link verweist). Mit dieser Information kannst du die interne Navigation reparieren oder eine 301-Umleitung setzen, wenn die Seite tatsächlich umgezogen ist.

Häufig gestellte Fragen

Sollte ich eine 404-Seite oder eine 410-Seite verwenden?

404 (Not Found) verwenden Sie, wenn eine Seite temporär fehlt oder Sie unsicher sind. 410 (Gone) verwenden Sie, wenn eine Seite dauerhaft entfernt wurde und nie wiederkommen soll. Google behandelt sie unterschiedlich: 410 wird schneller aus dem Index entfernt.

Kann eine schöne 404-Seite mein SEO verbessern?

Nein, nicht direkt. Aber eine gute 404 reduziert Absprünge und leitet Besucher zurück auf deine Seite. Das verbessert indirekt Metriken wie Verweildauer und interne Verlinkung.

Ist Humor auf der 404-Seite eine gute Idee?

In Maßen ja – wenn es zur Marke passt. Ein einzeiliger Witz oder eine Illustration können die Frustration nehmen. Aber es sollte nicht die Navigation verdecken. Nutzen vor Unterhaltung.

Soll die 404-Seite mit dem Header und Footer geladen werden?

Ja. Die 404 sollte in das Design passen und Zugang zur Navigation (Menu, Suche, Kopf) bieten. Wenn sie völlig isoliert wirkt, fühlen sich Besucher verloren.

Gibt es Standard-Plugins, die 404-Seiten für mich anlegen?

Viele CMS (WordPress, Typo3, Drupal) erlauben es, die 404-Vorlage zu editieren. Das ist meist ausreichend. Spezial-Plugins sind selten nötig, es sei denn, du willst ein sehr komplexes Verhalten, etwa nach Produkttyp unterschiedliche 404s zu zeigen.

Was passiert, wenn die 404-Seite selbst einen Fehler hat?

Das ist ein Fehler im Fehler. Nutzer sehen eine generische Browser-Fehlerseite, die noch frustierender wirkt. Darum sollte die 404-Seite möglichst einfach sein (nur HTML/CSS, keine externen Abhängigkeiten) und getestet werden.