Eine 404- und Fehlerseite entwerfen, die Besucher hält

Sie klicken auf einen Link, erwarten eine Seite, und stattdessen sehen Sie einen kalten grauen Bildschirm mit der Meldung „404 Not Found“ und nichts weiter. Für einen Moment fragen Sie sich, ob Sie etwas falsch eingegeben haben, dann zucken Sie die Achseln und drücken die Zurück-Taste. Dieser winzige Moment der Verwirrung geschieht millionenfach am Tag im gesamten Web, und die meiste Zeit verlässt der Besucher die Seite einfach wieder. Die Seite, die dies verursacht hat, war mit ziemlicher Sicherheit ein nachträglicher Einfall, von niemandem entworfen und von jedem im denkbar schlechtesten Moment bemerkt.

Hier ist die Sache, die die meisten Leute übersehen: Eine Fehlerseite ist keine Sackgasse, sondern eine Weggabelung. Schlecht behandelt, treibt sie einen frustrierten Besucher direkt zur Tür hinaus. Gut behandelt, fängt sie ihn auf, beruhigt ihn und weist ihn auf etwas Nützliches hin. In diesem Leitfaden werden wir uns ansehen, warum Fehlerseiten wichtig sind, was eine gute Fehlerseite tatsächlich enthält und wie ein paar kleine Designentscheidungen einen Moment der Frustration in eine zweite Chance verwandeln können.

Was eine Fehlerseite wirklich ist

Wenn Sie eine Website nach etwas fragen, das sie Ihnen nicht geben kann, antwortet der Server mit einem Statuscode. Eine 404 bedeutet „diese Seite existiert hier nicht“. Eine 500 bedeutet „bei uns ist etwas kaputt gegangen“. Diese Zahlen sind nur die technische Basis. Was der Besucher tatsächlich sieht, ist die Seite, die Sie ihm zeigen möchten, wenn diese Codes auftauchen. Standardmäßig ist diese Seite karg und unfreundlich, aber Sie können sie durch etwas viel Besseres ersetzen.

Der entscheidende Paradigmenwechsel ist, die Fehlerseite nicht mehr als Entschuldigung für einen Fehler zu behandeln, sondern als Navigationswerkzeug. Der Besucher wollte etwas. Ihre Aufgabe ist es, ihm auch jetzt noch zu helfen, dorthin oder zu etwas Ähnlichem zu gelangen. Dieser Instinkt steht im Mittelpunkt guter Website-Navigation im Allgemeinen, und eine Fehlerseite ist einfach Navigation unter Druck.

Warum Besucher überhaupt auf Fehlerseiten landen

Es hilft zu verstehen, wie Menschen hier landen, denn der Grund bestimmt die Lösung. Einige folgten einem alten Link von einer anderen Website, der auf eine Seite verweist, die Sie seitdem verschoben oder entfernt haben. Einige haben eine Webadresse falsch eingegeben. Einige klickten auf einen internen Link, der nach einem Redesign nie aktualisiert wurde. Und einige stießen auf einen echten technischen Fehler. Jeder von ihnen ist ein Mensch, der Sie erreichen wollte, kein Problem, das versteckt werden muss.

Diese Betrachtungsweise ist wichtig. Ein Besucher, der auf einer 404-Seite landet, ist nicht unbedingt für immer verloren. Er war interessiert genug, um zu klicken. Die Fehlerseite ist Ihre Chance, dieses Interesse zu würdigen, anstatt es zu verschwenden. Die schlimmste Reaktion ist, ihm das Gefühl zu geben, dumm oder gestrandet zu sein.

Die versteckten Kosten der Ignoranz von Fehlerseiten

Da Fehlerseiten nur an den Rändern erscheinen, werden sie leicht übersehen. Niemand demonstriert die 404-Seite in einem Launch-Meeting. Doch über ein Jahr hinweg kann eine stark frequentierte Website eine überraschende Anzahl von Besuchern dorthin leiten. Wenn jeder dieser Menschen abspringt, ist das ein stetiger Verlust von interessiertem Traffic, der unbemerkt abfließt. Dieses Leck zu stopfen, ist eine der günstigsten Verbesserungen, die Sie vornehmen können, da der Traffic bereits vorhanden ist.

Der Aufbau einer großartigen Fehlerseite

Was sollte also tatsächlich auf der Seite stehen? Die besten Fehlerseiten haben eine Handvoll Zutaten gemeinsam, und keine davon ist kompliziert. Beginnen Sie mit einer klaren, menschlichen Botschaft, die in einfacher Sprache erklärt, dass die Seite nicht gefunden werden konnte, ohne Fachjargon oder Schuldzuweisung. Und dann, und das ist der wichtige Teil, geben Sie den Leuten einen Ort, an den sie gehen können.

Bieten Sie den Menschen einen Ausweg

Das wichtigste Merkmal jeder Fehlerseite ist eine Weiterleitung. Das bedeutet mindestens einen klaren Link zurück zur Startseite und ein Suchfeld. Besser noch ist eine kurze Liste Ihrer nützlichsten oder beliebtesten Ziele, damit der Besucher auf einen Blick etwas Relevantes finden kann. Betrachten Sie es als das Anbieten einiger guter Türen statt eines einzigen Notausgangs.

Widerstehen Sie der Versuchung, einfach Ihr gesamtes Navigationsmenü auf die Seite zu kopieren. Eine Fülle von Optionen ist überwältigend, wenn jemand bereits etwas frustriert ist. Eine Handvoll sorgfältig ausgewählter Links funktioniert besser, genauso wie ein sauberes, fokussiertes Header und Menü eine überladene Version an anderer Stelle Ihrer Website übertrifft. Leiten Sie, überfluten Sie nicht.

Ein Suchfeld hat seinen Platz verdient

Wenn Ihre Website eine Suchfunktion hat, ist die Fehlerseite der perfekte Ort, um sie hervorzuheben. Jemand, der hier gelandet ist, suchte nach etwas Bestimmtem. Ein prominentes Suchfeld gibt ihm das Steuer in die Hand und lässt ihn es zu seinen eigenen Bedingungen erneut versuchen. Insbesondere für inhaltslastige Websites kann die Suche Besuche retten, die keine Linkliste erfasst hätte.

Der Ton ist wichtiger, als Sie denken

Ein Fehler ist ein kleiner Moment der Reibung, und genau bei Reibung kommt es am meisten auf den Ton an. Eine Seite, die warm und etwas spielerisch ist, kann die Frustration fast vollständig entschärfen. Eine freundliche Zeile, ein leichter Hauch von Humor oder eine einfache Anerkennung, dass dies ärgerlich ist, kann aus einem Stirnrunzeln ein kleines Lächeln machen. Menschen verzeihen Websites, die menschlich wirken.

Lesen Sie dabei den Raum. Humor sollte zu Ihrer Marke und der Situation passen. Eine verspielte 404-Illustration passt zu vielen Unternehmen; ein Zahlungsfehler auf einer Kassenseite ist nicht der richtige Ort für Witze. Das Ziel ist Beruhigung, und Beruhigung kann warm sein, ohne albern zu wirken. Was auch immer Sie wählen, die Seite sollte sich immer noch wie der Rest Ihrer Website anfühlen und den gleichen professionellen Schliff wie jede andere Seite tragen.

Vergessen Sie nicht die anderen Fehler

Die 404-Fehlerseite bekommt die ganze Aufmerksamkeit, aber es ist nicht der einzige Fehler, der es wert ist, gestaltet zu werden. Ein 500-Fehler, bei dem etwas auf dem Server wirklich kaputt gegangen ist, verdient die gleiche Sorgfalt. Das Gleiche gilt für eine Wartungsseite, die angezeigt wird, während Sie die Website aktualisieren. In jedem Fall ist das Prinzip identisch: Erklären Sie ruhig, was passiert, versichern Sie dem Besucher, dass es nicht seine Schuld ist, und bieten Sie einen nächsten Schritt an, selbst wenn dieser Schritt einfach "versuchen Sie es in ein paar Minuten erneut" lautet.

Auch Formularfehler verdienen Erwähnung. Wenn jemand ein Formular falsch ausfüllt, ist die Art und Weise, wie Sie dies kennzeichnen, eine eigene kleine Herausforderung im Fehlerdesign. Klare, spezifische, freundliche Nachrichten, die genau auf das Problem hinweisen, halten die Menschen in Bewegung, weshalb durchdachtes Webformular-Design Fehlerzustände als Feature und nicht als nachträglichen Einfall behandelt.

Halten Sie Fehlerseiten schnell und schlank

Es ist verlockend, eine Fehlerseite mit einer großen animierten Illustration zu überladen, um den Schlag abzufedern, und ein wenig visueller Charme ist in Ordnung. Aber denken Sie daran, dass jemand, der auf eine Fehlerseite stößt, bereits etwas frustriert ist, und eine langsame, überladene Seite macht es nur noch schlimmer. Halten Sie die Seite leicht, damit sie sofort geladen wird. Die gleiche Geschwindigkeitsdisziplin, die Ihren Core Web Vitals hilft, gilt hier: Eine schnelle, ruhige Seite beruhigt, während eine träge Seite den Ärger verstärkt.

Verfolgen und beheben Sie, was die Menschen dorthin bringt

Eine großartige Fehlerseite rettet Besucher, aber die beste langfristige Lösung ist, weniger Menschen überhaupt dorthin zu schicken. Die meisten Analyse-Tools können Ihnen zeigen, welche defekten Links am häufigsten ausgelöst werden. Behandeln Sie diesen Bericht als eine To-Do-Liste. Wenn eine alte Seite viele Zugriffe erhält, richten Sie eine Weiterleitung ein, damit Besucher automatisch an der richtigen Stelle landen, anstatt überhaupt einen Fehler zu sehen. Mit der Zeit wird dies die gesamte Website still und leise straffen.

Diese Art der laufenden Pflege ist Teil der Aufrechterhaltung einer gesunden Website, ähnlich der Arbeit, die in diesem Leitfaden zur Beschleunigung und Wartung einer langsamen Website behandelt wird. Eine gute Fehlerseite ist Ihr Sicherheitsnetz, aber die Behebung der zugrunde liegenden defekten Links ist der Weg, wie Sie das Netz seltener benötigen. Wenn Sie Hilfe bei der Überprüfung benötigen, wo Besucher verloren gehen, ist das ein einfaches Gespräch, das über die Kontaktseite begonnen werden kann.

Zusammenführung

Eine Fehlerseite ist eines dieser kleinen Details, das leise verrät, wie sehr sich eine Website um ihre Besucher kümmert. Als nachträglicher Einfall gemacht, verliert sie Menschen im denkbar schlechtesten Moment. Mit Bedacht gemacht, fängt sie sie auf, beruhigt sie und weist sie auf etwas Gutes hin. Geben Sie ihr eine klare Botschaft, einen ehrlichen Weg nach vorne, ein Suchfeld, einen Hauch von Wärme und die gleiche Geschwindigkeit und den gleichen Schliff wie dem Rest Ihrer Website. Ein wenig Aufmerksamkeit für die Seite, die niemand sehen will, kann eine überraschende Anzahl von Besuchen retten, die sonst einfach verschwinden würden.

Häufig gestellte Fragen

Referenzen

1. Nielsen Norman Group. „Error-Message Guidelines and Recovering Lost Users.“ nngroup.com.
2. Google. „Custom 404 Pages and Soft 404 Best Practices.“ google.com.
3. Mozilla. „HTTP Response Status Codes.“ mozilla.org.