So erstellen Sie eine großartige 404-Seite für Ihre Benutzer

Das Erreichen einer 404-Seite ist keine angenehme Erfahrung. Aber es gibt Dinge, die Sie tun können, um sicherzustellen, dass dies nicht die letzte Erfahrung ist, die ein Benutzer mit Ihrer Website macht.

Um eine großartige 404-Seite zu entwerfen, müssen Sie wissen, welche Elemente für die Benutzer am nützlichsten sind und Ihrer Seite helfen können, sich abzuheben.

Hier ist eine Liste mit 6 Funktionen, mit denen Sie Ihre 404-Seite optimal nutzen können.

Was ist ein 404-Code?

404 ist einer der HTTP-Statuscodes, der angezeigt wird, wenn eine Seite nicht gefunden werden kann.

404 gehört zur 4xx-Gruppe, was darauf hinweist, dass es sich um einen clientseitigen Fehler handelt. Genauer gesagt bedeutet dies, dass der Client Ihren Server erreicht hat, der Server die angeforderte Datei jedoch nicht gefunden hat.

Der 404-Code kann aus verschiedenen Gründen erscheinen, wie zum Beispiel:

• Die Seite wurde gelöscht,
• Der Benutzer hat sich beim Eingeben der URL vertippt,
• Der Link, der auf die Seite verweist, war falsch.

Unabhängig vom Grund für den 404-Code können Benutzer nicht auf die Seite zugreifen, da sie einfach nicht gefunden werden kann.

Die Seite, die der Benutzer anstelle der fehlenden Seite sieht, liegt in Ihrer Kontrolle. Ihre Optionen umfassen:

• Eine Standard-404-Seite, oder
• Eine benutzerdefinierte 404-Seite.

Eine standardmäßige, nicht angepasste 404-Seite kann einen einfachen Text auf weißem Hintergrund enthalten, der nur „Nicht gefunden“ sagt. Ihr Server generiert diese Seite automatisch.

Auf der anderen Seite können Sie Ihre 404-Seite anpassen – gestalten Sie sie so, dass sie zum Rest Ihrer Website passt, und wählen Sie die Elemente aus, die Sie einfügen möchten.

Warum Sie eine benutzerdefinierte 404-Seite erstellen sollten

Eine gut gestaltete benutzerdefinierte 404-Seite ist sowohl für die Benutzer als auch für Ihr Unternehmen von Vorteil.

Wenn ein Benutzer eine Standard-404-Seite betritt, versteht er nur, dass etwas schief gelaufen ist und die Seite nicht gefunden wurde. Sie wissen nicht, was passiert ist oder was sie als nächstes tun sollen.

Infolgedessen verlässt Ihr Kunde möglicherweise Ihre Website, ohne seine Bedürfnisse zu befriedigen. Das ist alles andere als ideal. Ein Benutzer war mit seiner Suche nicht zufrieden und Sie haben sein Geschäft verloren.

Mit einer benutzerdefinierten 404-Seite können Sie die nicht hilfreiche Standardseite in etwas ändern, das sowohl für die Benutzer als auch für Ihr Unternehmen nützlich ist.

Mit einer benutzerdefinierten 404-Seite können Sie:

• Helfen Sie Benutzern, die Informationen zu finden, nach denen sie suchen,
• Ermutigen Sie Benutzer, Ihre Seite zu erkunden,
• Zeigen Sie die Stimme und Kreativität Ihrer Marke.

Darüber hinaus wird von Google empfohlen , eine benutzerdefinierte 404-Seite zu erstellen .

Wenn Sie Zugriff auf die Konfigurationsdateien Ihres Servers haben, können Sie diese Fehlerseiten für Benutzer nützlich machen, indem Sie sie anpassen. Eine gute benutzerdefinierte 404 -Seite hilft Benutzern, die gesuchten Informationen zu finden, und bietet auch andere hilfreiche Inhalte, die Benutzer dazu ermutigen, Ihre Website weiter zu erkunden.

Quelle: Google

Das Zitat besagt eindeutig, dass Google eine benutzerdefinierte 404-Seite für den Benutzer als hilfreich erachtet, und ermutigt Websitebesitzer, ihre 404-Seiten anzupassen.

So erstellen Sie eine großartige benutzerdefinierte 404-Seite

Auch wenn Sie Ihre 404-Seite vollständig anpassen, stellen Sie sicher, dass der Server immer noch einen 404-HTTP-Statuscode zurückgibt. Es ist eine schlechte Praxis, einen 200-Code einzurichten, der eine erfolgreiche Antwort vorschlägt, wenn die Seite tatsächlich nicht existiert.

Bei der Entscheidung, was auf Ihrer 404-Seite enthalten sein soll, ist eines der wesentlichen Elemente eine Meldung, die eindeutig angibt, dass es sich um eine Fehlerseite handelt . Informieren Sie die Nutzer freundlich und unkompliziert, dass etwas schief gelaufen ist.

Aber das ist nur der Anfang. Hier sind die Hauptfunktionen, die Sie Ihrer benutzerdefinierten 404-Seite hinzufügen können, um sie nützlicher zu machen:

• Eine Suchleiste,
• Eine Liste der auf Ihrer Website verfügbaren Ressourcen,
• Eine CTA-Schaltfläche,
• Links zu Ihren Top-Inhalten,
• Design, das auf Ihre Marke abgestimmt ist.

Ein Schlüssel zu einer guten 404-Seite ist ihre Nützlichkeit für die Benutzer. Sie müssen nicht alle Elemente aus der obigen Liste einfügen – nur diejenigen, die Ihren Benutzern helfen, sich auf Ihrer Website zurechtzufinden.

Klare Fehlermeldung

Eine gute 404-Seite sollte immer eine klare Nachricht enthalten, dass es sich um eine Fehlerseite handelt. Egal für welches Design Sie sich entscheiden, Sie sollten die Benutzer immer wissen lassen, dass etwas schief gelaufen ist und die Seite nicht gefunden wurde.

Ikea macht das sehr gut. Sie bieten eine klare Botschaft, die sowohl den 404-Code als auch eine kurze Erklärung enthält, die sie für Benutzer leicht verständlich macht.

Suchleiste

Eine Suchleiste ermöglicht es Benutzern, die nach bestimmten Inhalten suchen, es noch einmal zu versuchen und auf Ihrer Website nach dem zu suchen, wonach sie gesucht haben.

Ein gutes Beispiel für eine 404-Seite mit einer Suchleiste ist Moz.com:

Wenn Sie also auf Moz.com nach etwas Bestimmtem gesucht, es aber nicht gefunden haben, können Sie direkt auf der 404-Seite noch einmal nachsehen.

Liste der Ressourcen

Wenn ein Benutzer auf einer 404-Seite gelandet ist, aber nichts Bestimmtes in die Suchleiste eingeben wollte, können Sie eine Liste mit Ressourcen bereitstellen, die auf Ihrer Website zu finden sind.

Backcountry hat eine benutzerdefinierte 404-Seite mit einem einfachen Design, das zur Website passt, und eine Liste der wichtigsten Seiten.

Diese Seite ist nicht nur hilfreich für die Benutzer, sondern ermöglicht es Backcountry auch, seine Inhalte zu präsentieren und die Leute zu ermutigen, die Website zu erkunden.

Ein weiteres Beispiel für eine 404-Seite mit einer Liste von Ressourcen ist Tripadvisor. Mit ein bisschen Humor und vier einfachen Schaltflächen bietet Tripadvisor eine einfache Möglichkeit, durch die Abschnitte zu blättern, die die Benutzer am meisten interessieren könnten.

CTA-Schaltfläche

Indem Sie einen CTA-Button einfügen, können Sie Benutzern den nächsten Schritt zeigen, den sie gehen können.

Die einfachste Verwendung eines CTA-Buttons besteht darin, die Benutzer auf Ihre Homepage zu leiten . Eine einfache, aber effektive Möglichkeit, Benutzern eine Anleitung zu geben.

Hier ist ein Beispiel für die 404-Seite von Netflix mit einem CTA-Button, der zur Startseite führt.

Eine andere Lösung besteht darin, einen CTA-Button „Kontaktieren Sie uns“ einzufügen . Wenn beispielsweise ein Benutzer mit einer bestimmten Frage kam und die 404-Seite es unmöglich machte, die Antwort zu erhalten, möchte er Sie möglicherweise kontaktieren, um nach Details zu fragen.

Benutzer können auch die Option „Kontaktieren Sie uns“ verwenden, um Ihnen den Fehler zu melden.

Kinsta enthält sowohl eine „Hauptseite“ als auch eine „Kontakt“-Schaltfläche. Benutzer können über die Website gehen oder mit dem Unternehmen in Kontakt treten. Somit bietet es eine Lösung für Personen, die die Website erkunden oder eine Antwort auf eine bestimmte Frage finden möchten.

Der CTA-Button sollte Ihren Nutzern helfen, aber auch zu Ihren Geschäftszielen passen. Sie können beispielsweise eine Option zum Hinterlassen einer E-Mail und zum Abonnieren Ihres Newsletters hinzufügen.

9gag verwendet seine 404-Seite, um Leute zum Herunterladen seiner App zu ermutigen. Das Hinzufügen eines Hintergrund-Gifs passt perfekt zum 9gag-Stil.

Links zu Top-Inhalten

Ihre beliebten Inhalte haben die besten Chancen, die Benutzer zu beschäftigen. Es gibt Ihnen die Möglichkeit, die Aufmerksamkeit Ihrer Benutzer zu erregen, bevor sie Ihre 404-Seite verlassen.

Links zu Ihren beliebtesten Inhalten können für E-Commerce-Websites besonders vorteilhaft sein, da Sie Ihre meistverkauften Produkte auf einer Seite bewerben können, die ansonsten eher eine Sackgasse ist.

Ein hervorragendes Beispiel für eine 404-Seite mit Top-Inhalten ist auf der Website von Urban Outfitters zu sehen. Es hat einen Abschnitt „Am beliebtesten“ mit der Möglichkeit, die Artikel sofort zu kaufen.

Markenidentität

Indem Sie Ihre 404-Seite anpassen und an das Design Ihrer Website anpassen, können Sie zeigen, dass Ihnen die gesamte Customer Journey durch Ihre Website wirklich am Herzen liegt.

Eine 404-Seite kann den Ton und die Persönlichkeit Ihrer Marke zeigen. Ein kreatives Design, das zum Stil der Website passt, kann Menschen zum Lächeln bringen und sie vielleicht sogar dazu anregen, die Seite mit Freunden zu teilen.

Pixar verwendet einen seiner bekannten Charaktere auf der 404-Seite. Auch wenn die Seite keine umfangreichen Navigationsfunktionen bietet, passen die Grafiken und die herzerwärmende Botschaft perfekt zum Stil der Marke.

Neben einer „Bring mich nach Hause“-Schaltfläche enthält Canva ein kleines Puzzle, das die Benutzer genießen können. Seine Kreativität und Einzigartigkeit heben sich von anderen Seiten ab. Es ist eine unterhaltsame Alternative zu einer Standard-404-Seite.

Einpacken

Lassen Sie Ihre Benutzer nicht mit einer Standard-404-Seite allein.

Benutzer sollten niemals ohne Informationen darüber zurückgelassen werden, was passiert ist und was sie als Nächstes tun sollten.

Streben Sie stattdessen danach, auf Ihrer gesamten Website ein gutes Erlebnis zu schaffen. Dazu gehören auch Fehlerseiten.