Benutzerdefinierte 404-Fehlerseiten: Die besten Beispiele für 'Seite nicht gefunden', die kaputte Webseiten retten
Veröffentlicht: 2018-07-07Wir alle haben es mehr erlebt, als uns lieb ist. Dieses Gefühl, wenn Sie auf einen Link klicken, um eine neue Webseite zu öffnen, die genug getan hat, um Ihre Aufmerksamkeit zu erregen, nur um mit dem gefürchteten 404-Fehler konfrontiert zu werden.
Buchseite. Nicht. Gefunden.
Oh je, oh je. Wenn Sie der Benutzer sind, sind Sie sofort frustriert oder enttäuscht. Wenn Sie der Eigentümer der Website sind, ist der Moment, in dem Sie feststellen, dass Sie einen defekten Link oder eine defekte Seite haben, immer mit Verlegenheit und Verwirrung vermischt – „aber es hat gestern funktioniert!“
Unter den Störungen gibt es jedoch oft ein paar versteckte Juwelen, wenn es um 404-Fehlerseiten geht. Anstatt den Schafen zu folgen, haben sich einige Websites die Zeit genommen, ihre 404-Seiten in eine Ausrede zu verwandeln, um Spaß oder zusätzliche Informationen zu nutzen - ziemlich schlau, wenn Sie mich fragen!
Möchten Sie mehr kuratierte beste Designs direkt in Ihren Posteingang?
Melden Sie sich für die DesignRush-Tagesdosis an!
Diese benutzerdefinierten Fehlerseiten dienen als perfekte Inspiration für andere Designer. Im besten Fall ist natürlich ein makelloses Website-Design, das jedes Mal tadellos funktioniert. Es passieren jedoch Dinge, Themen gehen schief, Webserver funktionieren nicht und Seiten brechen ab. Daher ist eine benutzerdefinierte Markenbotschaft auf Ihrer Website unerlässlich, um den Schlag zu mildern und Ihre Besucher dazu zu bringen, nach einem Snafu für mehr zurückzukommen. Einige 404-Seiten sind so lustig, dass die Leute sie absichtlich immer wieder ansprechen und sie sogar mit ihren Freunden teilen!
Warum sind 404-Error-Webseiten notwendig?
404-Seitenfehler treten auf, wenn ein "gebrochener Link" oder eine ungenaue URL Benutzer zu einer unzugänglichen Webseite führt.
Manchmal treten 404-Fehler auf, wenn andere Personen oder Online-Unternehmen Ihre Marke digital mit einem defekten Link erwähnen. In diesen Fällen entstehen die 404-Seiten in den meisten Fällen, wenn jemand einen Tippfehler im Link macht, beispielsweise durch das Hinzufügen eines zusätzlichen Buchstabens am Ende einer URL. Tatsächlich stolpern die Leute in 45,9 Prozent der Fälle über eine 404-Seite aufgrund eines Tippfehlers, eines alten Links in der E-Mail oder alter Lesezeichen, die einen Link für eine Seite gespeichert haben, die inzwischen entfernt wurde.
Eines der häufigsten Vorkommen von 404-Seiten ist jedoch, wenn Website-Administratoren die Seite vollständig löschen, wenn auf ihrer Website (und im gesamten Internet) noch andere Links vorhanden sind, die auf die jetzt deaktivierte Seite verweisen. In diesen Fällen sollten Sie daran denken, Links für ungültig zu erklären. Das bedeutet, dass Sie die Bindungen brechen und Suchmaschinen mitteilen, dass diese Links kaputt sind, anstatt sie das selbst lernen zu lassen und die Leute auf Ihre Fehlerseiten zu verweisen.
Wenn Sie Inhalte verschieben oder entfernen möchten, müssen Sie Seiten umleiten – dafür gibt es diese 301-, 307- und 308-Umleitungen. Eine 301/308-Weiterleitung ist eine dauerhafte Weiterleitung – wenn jemand auf eine vorherige Seite geht, wird er sofort auf die neue umgeleitet.
Die Umleitung 302/307 ist jedoch vorübergehend. Website-Administratoren verwenden sie aus mehreren Gründen.
Ob Sie es glauben oder nicht, Suchmaschinen können Menschen auf 404-Seiten führen. Wenn Sie beispielsweise eine Weiterleitung richtig durchführen, sollten die Leute auf der Seite landen, auf die Sie jetzt verweisen. Aber manchmal dauert es ein paar Tage (oder länger), bis Suchmaschinen Seiten crawlen und tatsächlich alle von Ihnen vorgenommenen Änderungen notieren. In diesem kurzen Zeitrahmen können sie die Leute immer noch auf die falsche 404-Seite führen.
Zu anderen Zeiten kann es auf der Website zu einem Fehler kommen, der fehlerhafte Links erstellt. In diesem Fall müssen Sie Programmierer und Entwickler um Hilfe bitten. Immerhin hat eine Umfrage ergeben, dass 17,5 Prozent der Websites einen defekten Link aufweisen.
So überwachen Sie 404-Seiten
Sie sollten immer alle potenziellen 404-Seiten überwachen und versuchen, sie zu beheben, sobald sie auftauchen. Glücklicherweise gibt es Tools, mit denen Sie Ihre defekten Links finden und damit umgehen können. Einige sind Screaming Frog, Dead Link Checker und, vielleicht die beliebtesten, Googles eigene Webmaster-Tools.
Erstellen effektiver 404-Fehler-Webseiten
Eines ist fast sicher – Sie werden ab und zu immer 404-Seiten haben, auch wenn Sie auf Ihrer Seite alles richtig machen. Die gute Nachricht ist jedoch, dass Sie die Benutzererfahrung maximieren und ihr Erscheinungsbild minimieren können, indem Sie Links für ungültig erklären, Seiten ständig überwachen, Website-Checker ausführen und vieles mehr.
Wenn die Fehler passieren, sollten wir daraus lernen. Verwenden Sie Website-Analyseprogramme wie Google Analytics, um die Leistung der Website zu verbessern. Verfolgen Sie, was Leute tun, wenn sie auf Ihrer 404-Seite landen. Dann nutzen Sie diese Daten zu Ihrem Vorteil.
Wenn sie beispielsweise nach einer 404-Seite als nächster Schritt zur Startseite zurückkehren, können Sie einen klaren und sichtbaren Button in Ihrem Design platzieren, der sie dorthin führt. Oder, wenn sie nach einem 404-Fehler die Kontaktseite besuchen möchten, verlinken Sie dort und machen Sie sich das Leben ein wenig leichter.
Verfolgen Sie das Verbraucherverhalten und die Informationen, um zu sehen, was für Ihre Website funktioniert und was Ihre Verbraucher mögen und nicht mögen. Was ist besser? Bei so etwas gibt es kein Rätselraten – Zahlen und konkrete Daten über Ihre Website-Besucher sprechen für sich.
Die besten 404-Fehlerseiten-Designs, die Sie sofort kopieren möchten
Nach dem Durchsuchen des Internets auf der Suche nach Fehlern (so seltsam das klingt), gibt es ein paar 404-Seiten, die sich von den anderen abheben. Werfen Sie einen Blick darauf – vielleicht inspirieren einige davon Ihr eigenes Markendesign!
1. Die abgebildete 404-Fehlerseite: BluePath
BluePath arbeitet mit seinen Kunden zusammen, um „automatisierte Analysestrategien zu erstellen und zu implementieren“, die dazu beitragen, Benutzer von Tabellenkalkulationen zu entfernen. Obwohl das an sich schon großartig ist, haben sie sich auch freundlicherweise die Zeit genommen, diese skurrile 404-Fehlerseite zusammenzustellen.
Die Seite zeigt tatsächlich eine Karte (auf der Sie sich aufgrund Ihrer Dummheit, "außerhalb der Karte" zu navigieren, nicht befinden). Die Kopie auf der Seite sagt auch:
„Diese [Karte] zeigt alle gemeldeten Verbrechen in Atlanta in den letzten Jahren. Wieso den? Weil es ein Verbrechen ist, haben Sie uns noch nicht eingestellt!“
Gut gespielt, BluePath. Gut gespielt.
2. Der Snarky 404-Seitenfehler: Der Australier
Australiens führende nationale Nachrichtenmarke The Australian bietet eine Reihe nationaler und globaler Nachrichten- und Wirtschaftsberichterstattung. Wie der Rest von uns sind sie jedoch anfällig für gelegentliche Fehler. In diesem Fall ihre 404-Fehlerseite.
Aber anstatt sich der klassischen „Seite nicht gefunden“ zu unterwerfen, hat sich der Australier dafür entschieden, die Seite als Chance zu nutzen, mehrere australische Politiker zu kritisieren (Donald Trump und ein Klumpen Kohle machen seltsamerweise auch die Liste). Jeder Politiker hat ein mit ihm verbundenes Zitat und seine Gedanken zu dem defekten Link.
3. Die Gamified 404-Fehlerseite: Kualo
Okay. Dies ist vielleicht die beste 404-Fehlerseite in der Geschichte des Internets. Kualo beschloss, sein Zuhause für defekte Links in ein Space Invaders-Spiel zu verwandeln, das die Benutzer spielen können. Gamification ist eine großartige Möglichkeit, enttäuschte Websurfer in sehr zufriedene Content-Konsumenten zu verwandeln.
Außerdem können Benutzer absichtlich zu dieser Seite zurückkehren, nur um das klassische Spiel zu spielen. Da Suchmaschinen alles sehen (Hallo, Big Brother...), verfolgen sie auch die Zeit der Benutzer auf der Seite. Sinnvoll – wenn Sie viel Zeit auf einer Seite verbringen, bedeutet das, dass Ihnen der Inhalt wirklich gefällt. Wenn Sie ein Wiederholungsnutzer sind und immer wieder zurückkommen, werden Suchmaschinen Ihre Reise abbilden und die Websites mit einem besseren Ranking belohnen!
Was ist besser? Sie haben nicht nur die Chance, das fantastische Spiel auf Kualos Website zu spielen, sondern haben auch einen Anreiz dazu! Wenn Sie 1.000 Eindringlinge vernichten, erhalten Sie einen Rabatt auf deren Hosting. Alles in allem ist dies wirklich ein erstaunliches Design und ich habe eine zusätzliche Stunde gebraucht, um diesen Artikel allein wegen dieser Seite zu schreiben. Hut ab vor Kualo.
PS Können Sie unseren Highscore schlagen?
4. Die schrullige 404-Fehlerseite: Der nutzlose Webindex
Der nutzlose Webindex - mit seinem sehr treffenden Namen - hat sich entschieden, uns das beliebte Erdmännchen in seinem 404-Fehlerseitendesign zu geben. Je länger Sie auf der Seite verbringen, desto mehr Erdmännchen kommen an, so dass nach etwa 10 Sekunden mindestens acht davon auf dem Bildschirm sind.
Sie haben fast Mitleid mit den Erdmännchen, die offensichtlich Schwierigkeiten haben, Ihre Webseite zu finden!
Sicher, Gamification bewirkt Wunder für Ihr Unternehmen, aber auch ein Video, das aus der Ferne mit den 404-Themen verbunden ist, ist eine gute Taktik. Die Leute können bleiben und es bis zum Ende ansehen, was es zu einer weiteren großartigen Möglichkeit macht, die auf der Webseite verbrachte Zeit zu erhöhen und Ihre Gesamtkennzahlen zu verbessern, selbst wenn 404-Seiten angezeigt werden.
5. Die illustrierte 404-Fehlerseite: Lego
Wenn Sie ein Lego-Fan sind, werden Sie das 404-Fehlerseitendesign genießen. Wie einige Unternehmen bereits hervorgehoben haben, ist die 404-Seite tatsächlich eine gute Ausrede, um eine fehlerhafte Seite zu verwenden, um Ihre Marke oder Ihr Produkt gegenüber den Besuchern zu bestätigen.
Lego ist eigentlich dafür bekannt, dass es verschiedene Taktiken einsetzt, um sowohl seinen Kundenstamm zu vergrößern als auch keine Gelegenheit zu verpassen, die Leute daran zu erinnern, dass sie relevant sind. Sie haben eine Reihe von Animationsfilmen, Videospielen, zusätzlichen Inhalten und mehr. Lego ist für Menschen jeden Alters da, angefangen von den Baby-Lego-Duplo-Steinen bis hin zu ihren Architect-Boxen, mit denen Erwachsene Nachbildungen der berühmtesten Sehenswürdigkeiten bauen können.
Wir haben nicht weniger erwartet für ihre 404-Seite. In diesem Fall ist die 404-Seite von Lego sehr anschaulich: Das „Kabel“, das den Link, den Sie angeklickt haben, mit der Webseite verband, ist defekt und ein armer Kerl ist zu seinem Entsetzen darüber gestolpert!
6. Die Punny 404-Fehlerseite: Blue Daniel
Als Teil seines Portfolios entschied sich Daniel Karcher, die 404-Fehlerseite zu verwenden, um seine Fähigkeiten noch weiter zu präsentieren. Er entschied sich für eine U-Bahn-Einstellung, mit Plakatwerbung mit Wortspielen und einem Wortspiel für eine humorvolle Wendung.
In seiner Fehlermeldung finden Sie Hinweise auf den Film „The Missing“ und die TV-Show „Lost“. Letzteres hat Graffiti überlagert, um Benutzern die Frage zu stellen: "Sind Sie VERLOREN?"
Da Sie sich auf dieser 404-Seite offensichtlich verirrt haben, haben Sie die Möglichkeit, zur Hauptebene zurückzukehren. Klug!
7. Die abenteuerliche 404-Fehlerseite: Emirates
Wie am Anfang des Artikels erwähnt, verwenden einige Unternehmen eine Kombination aus Humor und nützlichen Informationen, um eine 404-Fehlerseite zu erstellen, die sich eher wie ein Teil der eigentlichen Website anfühlt als ein defekter Abschnitt oder Link.
Emirates ist ein Paradebeispiel, die einen ironischen Witz mit Links zu ihren am häufigsten besuchten Seiten verbinden. Sie sagen: "Entschuldigung, wir haben die Welt bereist, aber wir können diese Seite nicht finden." Das deutet darauf hin, dass die Seite, die Sie suchen, mit ziemlicher Sicherheit nicht existiert, da sie überall waren - d'oh!
In Anbetracht der Tatsache, dass 73,7 Prozent der Leute, die auf einer 404-Seite landen, die Site sofort verlassen, ist es eine großartige Taktik, die Besucher auf Ihrer Site zu halten, indem Sie Links zu den am häufigsten besuchten Seiten anbieten.
Wenn Menschen nicht finden, wonach sie suchen, verlieren sie das Vertrauen. Im Gegenzug verlieren Suchmaschinen Vertrauen. Und es genügt zu sagen, dass Sie nicht wollen, dass jemand das Vertrauen in Ihr Unternehmen verliert. Einen Weg zu finden, eine schlechte Situation wie einen defekten Link zu ändern, kann Ihnen helfen, Ihr Geschäft zu behaupten und sogar Ihre Website-Besucher zu beeindrucken.
8. Die minimale 404-Fehlerseite: CSS-Tricks
Es ist wahrscheinlich ziemlich peinlich für eine Webentwicklungs- oder Codierungswebsite, einen 404-Fehler zu haben. Ich meine, es ist ihre Aufgabe, dafür zu sorgen, dass diese Dinge doch nicht passieren – oder?
Unabhängig davon ist es dem Team von CSS Tricks gelungen, einen potenziell peinlichen Fehler in eine schön gestaltete 404-Seite zu verwandeln. Die Mitte der Seite ist wie ein zerrissenes Blatt Papier gestaltet, hinter dem sich der Code befindet, aus dem die Seite bestehen sollte, die Sie besuchen möchten.
9. Die selbstironische 404-Fehlerseite: Cloud Sigma
Wir können uns darauf beziehen, was Cloud Sigma mit ihrer 404-Fehlerseite gemacht hat. Wir sagen immer, dass Sie im Zweifelsfall einfach Bilder von Hunden oder Katzen verwenden sollten, um potenziell schlimme Situationen zu erleichtern. In diesem Fall zeigt die Site ein Bild einer Katze (sorry, ihr Junior-Entwickler), die versucht, einen Computer zu benutzen. Es ist gut getimt. Sie können nicht anders, als zu lachen!
Aber am wichtigsten ist, dass der Cloud-Sigma-Site-Fehler Ihnen auch eine klare Methode bietet, um auf ihre Homepage zurückzukehren. Wenn Sie nicht möchten, dass die Benutzer die Website vollständig verlassen, stellen Sie sicher, dass die Rückkehr zur Startseite immer einfach und nur einen Klick entfernt ist.
10. Die unkonventionelle 404-Fehlerseite: LimpFish
Schließlich verwendete Limpfish eine skurrile Version einer 404-Fehlerseite, um noch einmal jedem Benutzer ein Lächeln ins Gesicht zu zaubern. Zugegeben, ich war ein wenig verwirrt, als ich das zum ersten Mal sah, da es eine Kombination aus einer Dating-Anzeige und einer echten technologiebezogenen Anfrage zu sein scheint… Ich bin mir nicht sicher, was offensichtlicher ist. Aber wenn Sie darüber nachdenken, wer braucht eine gute Übereinstimmung mehr als einen kaputten Link?
Der Zeitungseffekt fügt jedoch ein wenig Ironie hinzu, wenn man bedenkt, dass wir im Internet agieren. Das Endziel war ein Erfolg – sie brachten uns zum Schmunzeln und Schmunzeln, und wir verließen die Website nicht, sobald wir auf einer 404-Seite landeten.
Was Sie über 404-Seiten erfahren können
Indem Sie Ihren 404-Seiten einen amüsanten, spielerischen, freundlichen oder spielerischen Aspekt hinzufügen, der zu Ihrer Markenidentität passt, können Sie den Besucher auf Ihrer Website halten und sogar Ihr Geschäft weiter fördern. Ein bemerkenswertes Beispiel, Gamification, kostet zwar zusätzliches Geld, ist aber eine kluge Investition, die die Absprungraten reduziert.
Abgesehen von den nützlichen 404-Seiten und Taktiken, die wir oben in Aktion gesehen haben, haben wir auch eine Liste mit Do's and Don'ts vorbereitet, die Ihnen helfen sollen, den Unfall in eine Chance zu verwandeln - vor allem, weil sich die Leute von Zeit zu Zeit immer vertippen, und das kannst du nicht kontrollieren. Sie können jedoch ihre Erfahrung beeinträchtigen, wenn sie auf einer defekten Seite landen.
Hier sind einige Dinge, die Sie beim Erstellen einer eigenen hilfreichen 404-Seite beachten sollten:
- Sei ehrlich. Wie gesagt, es wird 404 Seiten geben, und manchmal sind sie nicht einmal Ihre Schuld. Erklären Sie auf jeden Fall, was passiert ist, und bieten Sie Möglichkeiten an, die Situation zu beheben und den Menschen zu helfen, das zu finden, wonach sie suchen.
- Verpassen Sie nicht die Gelegenheit. Fügen Sie etwas Humor und Markenpersönlichkeit hinzu, damit die Leute nicht frustriert gehen – oder gar nicht gehen.
- Nutzer einbinden. Lassen Sie sie ein Spiel spielen, wenn Ihr Budget dies unterstützt. Wenn nicht, gibt es mehrere Möglichkeiten, wie Sie das Engagement erhöhen können. Fügen Sie ein süßes Video, eine Illustration oder eine Animation hinzu. Versuchen Sie, die Situation zu entschärfen – wenn alles andere fehlschlägt, funktionieren auch süße Tierbilder und -videos.
- Halten Sie sie davon ab, zu gehen. Jeder Website-Besucher, der die Website verlässt, ist eine verpasste Gelegenheit, einen Lead in einen Kunden zu verwandeln. Sie können relevante Links zu den meistbesuchten Seiten hinzufügen oder eine Suchfunktion auf der 404-Seite einbetten, damit diese Ihre Website durchsuchen können.
- Fügen Sie einen Anreiz hinzu. Einige Marken bieten Anreize, wenn Sie ihre 404-Seite finden. Auf diese Weise können Sie sogar noch mehr Leads sammeln. Sie können beispielsweise eine Newsletter-Anmeldung, kostenlose Inhalte wie ein E-Book oder eine Fallstudie und mehr anbieten.
- Keine Werbung. Nun, nicht im herkömmlichen Sinne. Wenn ein Fehler auf der Website vorliegt und die Leute darauf landen, versuchen Sie nicht, zu viel zu verkaufen oder sie denken zu lassen, dass Sie die 404-Seite möglicherweise absichtlich verlassen.
- Schnelles Laden. Wenn Leute auf einer kaputten Seite landen, möchten Sie nicht, dass sie ewig warten müssen, um das herauszufinden. Auch für alle anderen Seiten Ihrer Website wird eine gute Ladegeschwindigkeit empfohlen. Die Absprungrate steigt mit jeder zusätzlichen Sekunde Wartezeit.
- Verwenden Sie keine komplizierten Fachbegriffe. Das Ziel ist es, Benutzer auf Ihrer Website zu halten und sie nicht mit komplizierten Fachbegriffen und unnötigen Begriffen weiter zu vertreiben.
- Vergessen Sie nicht, Ihre defekten Links zu überwachen und sie so schnell wie möglich zu reparieren.
Seite nicht gefunden... aber das Fazit ist
Das 404-Fehlerseitendesign jeder Site nimmt das Missgeschick auf und verwandelt es in eine Gelegenheit, die Markentreue weiter aufzubauen. Durch Kreativität, herausragendes Design und ein bisschen Scharfsinn muss sich auch Ihr Website-Design keine Sorgen um Fehler machen – es wird alles nur eine Erweiterung des Angebots des Unternehmens sein.
Unser letzter Tipp: Ziehen Sie alle Register für Ihre 404-Seite, denn 73 Prozent der Leute, die nach der Landung auf einer 404-Seite wieder gehen, repräsentieren 74 Prozent der verlorenen potenziellen Kunden. Das sind Ihre Leads, die davonkommen, und eine benutzerdefinierte 404-Seite könnte sie dazu bringen, zu bleiben und mehr zu surfen. Es geht nicht darum, ob Sie eine benutzerdefinierte 404-Seite haben sollten oder nicht. Die Frage ist, können Sie es sich leisten, keine zu haben?
Möchten Sie Ihre eigene benutzerdefinierte 404-Fehlerseite, um eine bessere Benutzererfahrung zu gewährleisten? DesignRush hat eine Liste der besten Digitalagenturen, die eine markeneigene Webseite UND eine vollständige Website für Ihr Unternehmen erstellen können.
Möchten Sie weitere inspirierende Designs? Melden Sie sich für unseren Newsletter an!