\n Wenn Sie es richtig wissen, arbeitet das Web mit dem HTTP-Protokoll. Der Webserver gibt f\u00fcr jede Ihrer Ressourcenanfragen einen entsprechenden HTTP-Statuscode zur\u00fcck.\n<\/p>\n
\n Es gibt vier grundlegende HTTP-Statuscodes, die Sie m\u00f6glicherweise kennen m\u00fcssen, und sie sind 200 \u2013 Gefunden<\/strong>, 301 \u2013 Dauerhaft verschoben<\/strong>, 404 \u2013 Nicht gefunden<\/strong>, 500 \u2013 Interner Serverfehler<\/strong>. 404 \u2013 nicht gefunden und 500 \u2013 interner Serverfehler sind zwei der am h\u00e4ufigsten angezeigten Statuscodes.\n<\/p>\n \n Der einzige Unterschied zwischen 404 und 500 besteht darin, dass ein Webserver die zugewiesene Fehlerseite im Falle eines nicht gefundenen 404-Fehlers anzeigt, w\u00e4hrend im Falle von 500 keine vom Server generierte Ausgabe angezeigt wird, da auf dem Webserver ein Konfigurationsfehler auftritt.\n<\/p>\n \n Ein 404-Fehler kann aus verschiedenen Gr\u00fcnden auftreten, z. B. wenn der Besucher nach einer Ressource fragt, die auf Ihrer Website nie existiert hat, nach einer Seite\/Ressource fragt, die Sie gel\u00f6scht haben, oder nach einer Ressource mit einem Fehler oder Tippfehler in der URI.\n<\/p>\n \n Es gibt einige F\u00e4lle, in denen Sie diese veralteten Seiten, Beitr\u00e4ge und Medienressourcen l\u00f6schen m\u00f6chten. Und in diesem Fall 404-Fehler zu haben, ist ein nat\u00fcrlicher Prozess. Daran ist nichts auszusetzen.\n<\/p>\n \n Wenn Sie ein wenig recherchieren, werden Sie feststellen, dass die meisten Websites eine statische 404-Seite haben. In jedem Fall eines nicht gefundenen Fehlers wird dieselbe Seite angezeigt. Wenn der Designer erfahren genug ist, hat er\/sie vielleicht einen kleinen Link\/Button f\u00fcr die Navigation zur Startseite platziert.\n<\/p>\n \n Wie w\u00e4re es, wenn Sie mit Ihren 404-Seiten eine Extrameile laufen w\u00fcrden? Wie w\u00e4re es, wenn Sie Ihre 404-Seite ein wenig interaktiv gestalten w\u00fcrden? Lassen Sie uns die M\u00f6glichkeiten erkunden.\n<\/p>\n \n Hier sind die vier M\u00f6glichkeiten, wie Sie Ihre statische 404-Seite in eine interaktivere umwandeln k\u00f6nnen:\n<\/p>\n \n Zu wissen, wonach Ihre Besucher auf Ihrer Website gesucht haben, ist der Schl\u00fcssel. Den Benutzer mit den richtigen Links zu den am besten passenden Ressourcen zu versorgen, w\u00e4re wahrscheinlich die beste Benutzererfahrung, die Sie Ihrem Besucher bieten k\u00f6nnen.\n<\/p>\n \n M\u00f6glicherweise stellt sich die Frage, woher Sie wissen, wonach der Benutzer gesucht hat, und wie w\u00fcrden Sie die Links basierend auf seiner Suche vorschlagen?\n<\/p>\n \n Nun, die L\u00f6sung mag auf den ersten Blick komplex aussehen, aber die Entwicklung ist nicht so komplex. Wenn Sie ein Entwickler sind, wissen Sie, dass Sie die angeforderte Ressourcenzeichenfolge extrahieren und eine Regex-Pr\u00fcfung mit den Ressourcen durchf\u00fchren k\u00f6nnen, die Sie auf Ihrer Website haben.\n<\/p>\n \n Sie bieten zum Beispiel einen Reparaturservice f\u00fcr Lautsprecher f\u00fcr die meisten Audiohersteller an. Bose X1-Lautsprecher sind beispielsweise in Ihrer Liste enthalten. Aber ein Besucher kommt mit Bose X10 als angeforderte Ressource auf Ihre Website. Es gibt keinen Lautsprecher namens Bose X10, also darf er nat\u00fcrlich nicht in Ihrer Liste stehen.\n<\/p>\n \n Auf Ihrer 404-Seite k\u00f6nnen Sie m\u00f6glicherweise alle BOSE-Lautsprecher auflisten, die Sie reparieren. Und wenn m\u00f6glich, stellen Sie die Lautsprecher der BOSE X-Serie zuerst auf die Liste.\n<\/p>\n \n Dies ist m\u00f6glicherweise der beste Weg f\u00fcr einen Benutzer, zu einer richtigen Seite zu navigieren, obwohl er auf einer 404-Seite gelandet ist. Die Chancen, diese 404-Seite zu konvertieren, sind sehr hoch. Sie haben ihm geholfen, zur eigentlichen Seite zu navigieren.\n<\/p>\n \n Dar\u00fcber hinaus hilft Ihnen dies auch, die Absprungrate Ihrer Website zu senken. Wenn Sie die vorgeschlagenen Links nicht zur am besten passenden Seite anzeigen, besteht eine hohe Wahrscheinlichkeit, dass der Besucher zur\u00fccknavigiert oder Ihre Website verl\u00e4sst.\n<\/p>\n \n Nehmen wir an, dass es f\u00fcr Ihre Website nicht m\u00f6glich ist, den relevantesten Link anzuzeigen. Oder Sie m\u00f6chten sich nicht mit dem Codieren besch\u00e4ftigen. Dies k\u00f6nnte die beste Option f\u00fcr den Anfang sein.\n<\/p>\n \n Wenn ein Besucher auf die 404-Seite Ihrer Website gelangt, zeigen Sie ihm eine Nachricht, dass es Ihnen leid tut, dass die gesuchte Ressource nicht verf\u00fcgbar ist.\n<\/p>\n \n Zeigen Sie ihnen direkt nach dem Entschuldigungstext das beste Angebot, das auf Ihrer Website l\u00e4uft. Es k\u00f6nnte so sein, als w\u00fcrden Sie 5 % oder 10 % Rabatt auf Ihr hei\u00dfestes Laufprodukt anbieten oder ihnen etwas Wertvolles kostenlos im Austausch gegen eine E-Mail anbieten.\n<\/p>\n \n Dies ist m\u00f6glicherweise der beste Weg, um alle Besucher mit anderen Produkten oder Angeboten zu besch\u00e4ftigen, die auf der 404-Seite gelandet sind!\n<\/p>\n \n W\u00e4hrend Sie die Navigation auf den 404-Seiten immer anzeigen k\u00f6nnen. Aber es ist sehr wahrscheinlich, dass ein Besucher zu Ihrem Navigationsbereich geht, die Seite identifiziert, die er besuchen m\u00f6chte, und auf dieser Seite landet! Die meisten gehen einfach weg.\n<\/p>\n \n Sie k\u00f6nnen ein 404-Seiten-Design haben, das alle wichtigen Links zu verschiedenen Ressourcen Ihrer Website zusammen mit einer klaren 404-Fehlermeldung enth\u00e4lt.\n<\/p>\n \n Dies kann einem Benutzer helfen zu verstehen, dass er auf der falschen Seite gelandet ist. Es ist 404, aber er hat eine Liste mit Links, die alle wichtigen Ressourcen auf der Website anzeigen, die er besuchen kann.\n<\/p>\n \n Es ist verdammt einfach, haben Sie einfach die Links, die Ihre Besucher auf 404-Seiten besuchen sollen. Ich w\u00fcrde nicht empfehlen, diesen Weg alleine zu gehen. M\u00f6glicherweise kann eine Mischung aus Vorschlag 03 und 04 funktionieren.\n<\/p>\n \n Wenn Sie die Links der Seiten, die Sie wirklich bewerben m\u00f6chten, auf der 404-Seite beibehalten, k\u00f6nnen Sie die Anzahl der Besuche auf diesen Seiten definitiv steigern. Der Nachteil ist, dass Sie mehr unbesorgte Besuche generieren, die zu einer hohen Absprungrate beitragen k\u00f6nnen.\n<\/p>\n \n Der einzige Vorschlag, den ich hier machen w\u00fcrde, ist, dass Sie, wenn Sie diesen Weg gehen, mindestens ein Angebot haben, das entweder kostenlos oder sehr generisch ist. Das bedeutet, dass sich jeder mit dem Angebot, das Sie machen, identifizieren kann. Es ist entweder sehr erschwinglich oder kostenlos, was Ihnen helfen wird, die Engagements zu verbessern.\n<\/p>\n \n Beliebte Beispiele f\u00fcr kreative 404-Seiten\n<\/p>\n \n Wenn Sie beim Erstellen einer 404-Seite f\u00fcr Ihre Website nach Inspiration suchen, finden Sie hier einige meiner pers\u00f6nlichen Lieblingsbeispiele f\u00fcr 404-Seiten.\n<\/p>\n \n Wufoo<\/a> ist einer der beliebtesten Integrationsdienste f\u00fcr Kontaktformulare im Internet. Beachten Sie das Gesamtthema der Seite und die gr\u00fcne Schaltfl\u00e4che, die sich vom Rest der Seite unterscheidet!\n<\/p>\n \n Der Dinosaurier stellt die Nachricht \u201enicht gefunden“ dar, und sehen Sie sich die Schaltfl\u00e4che \u201eCREATE A FORM FOR FREE Call to Action“ an. Es weist den Benutzer eindeutig an, die Schaltfl\u00e4che zu dr\u00fccken und auch auf nicht gefundenen Seiten etwas zu unternehmen.\n<\/p>\n \n Anstatt die Navigation oben zu lassen, nutzten sie die ausgew\u00e4hlten Navigationselemente unter dem CTA-Button.\n<\/p>\n \n Sehen Sie, wie AirBnB<\/a> alles richtig darstellt, von einer klaren 404-Nachricht, einer nicht gefundenen Illustration und dem Navigationslink unter dem winzigen Bereich!\n<\/p>\n \n Ein Benutzer, der sich auf der AirBnB-Website verirrt hat, landet auf dieser Seite. Diese Seite enth\u00e4lt alle erforderlichen Anweisungen (Links), um den Benutzer zu wichtigen Seiten zur\u00fcckzuleiten und ihn auf der Website zu besch\u00e4ftigen.\n<\/p>\n \n Mailchimp,<\/a> eine sehr beliebte E-Mail-Marketing-Plattform, hat eine sch\u00f6ne 404-Seite. Sie verwendeten den Affen mit Hulk-\u00e4hnlichem Styling, das auf diejenigen angewendet wurde, die sich in einem Wald zu verirren scheinen.\n<\/p>\n \n Ein Benutzer, der zu diesem 404 gelandet ist, erh\u00e4lt eine klare Nachricht mit einer Illustration, eine klare Nachricht gefolgt von der Illustration.\n<\/p>\n \n Das Beste daran ist, dass sie wissen, dass sich der Benutzer verirrt hat, sodass er m\u00f6glicherweise direkt nach der Nachricht \u201eNicht gefunden“ eine Suchleiste findet. Der Benutzer kann m\u00f6glicherweise mithilfe der Suche nach einer beliebigen Ressource suchen, nach der er zuvor gesucht hat.\n<\/p>\n \n Wenn die Suche nicht etwas ist, das es vorzieht, eine Ressource zu finden oder zu lokalisieren, haben sie eine sch\u00f6ne Navigation direkt unter der Suchleiste integriert!\n<\/p>\n \n Bitly<\/a> ist einer der beliebtesten URL-K\u00fcrzungsdienste mit einigen coolen Funktionen wie benutzerdefiniertem Branding und Klickanalyse.\n<\/p>\n \n Anscheinend haben sie eine sch\u00f6ne und aussagekr\u00e4ftige 404-Seite eingerichtet! Wenn Sie ein paar Sekunden damit verbringen, werden Sie feststellen, dass der Designer den Ozean leer gehalten hat. Das hei\u00dft, es befindet sich nichts im Wasser, was deutlich zeigt, dass f\u00fcr die angeforderte Ressource nichts gefunden wurde.\n<\/p>\n \n Kein Navigationsbereich in der Kopfzeile beibehalten. Die Seite zeigt die Fehlermeldung, gefolgt von den drei einfachen und grundlegendsten Navigationslinks unten.\n<\/p>\n \n Um die Dinge interaktiver zu machen, hat das Designteam den Welleneffekt auf das Ereignis der Mausbewegung angewendet. Besuchen Sie die Seite, um es zu erleben.\n<\/p>\n\n
\n 01 404 Seite mit dem relevantesten Link, nach dem der Benutzer gesucht hat:
\n<\/h5>\n\n 02 404 Seite mit Ihren besten kostenlosen Angeboten:
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8bbee1f0.webp\")
<\/a><\/p>\n\n 03 404 Seite mit Linkhilfe:
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8bd8ee2c.webp\")
<\/a><\/p>\n\n 04 404-Seite mit Links, die Sie bewerben m\u00f6chten:
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8bfd0498.webp\")
<\/a><\/p>\n\n Wufu
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8c22dc92.webp\")
<\/a><\/p>\n\n AirBnB
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8c523ace.webp\")
<\/a><\/p>\n\n Mail-Chimp
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8c82d7e5.webp\")
<\/a><\/p>\n\n Bitlich
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8ca94cef.webp\")
<\/a><\/p>\n\n Pl\u00e4tzchen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8cd1c78e.webp\")
<\/a><\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8d05c894.webp\")
<\/a><\/p>\n