Kreative 404 Seiten erstellen & f├╝r dich nutzen

Beitragsbild 404 Seite

404 Seite nicht gefunden!

leuchtet es dir in gro├čen Buchstaben vom Bildschirm entgegen.

Wieso? Was ist das? Und was hat das auf deiner mit viel Herzblut und Liebe zum Detail erstellten Webseite zu suchen?!

Alles gut!

Jede WordPress Webseite hat eine 404 Seite, das ist v├Âllig normal.

In diesem Artikel zeige ich dir

  • wie du eine gute 404 Seite erstellst und
  • was darauf geh├Ârt, damit deine verloren gegangenen Besucher deine Website erkunden k├Ânnen.

Diese oft ├╝bersehene Seite muss nicht unbedingt eine langweilige, unprofessionelle Sackgasse sein. 404 Seiten sind ein unvermeidlicher Bestandteil einer erfolgreichen Website, es lohnt sich also, sie richtig zu gestalten.

Der Artikel ist lang, also schnapp dir einen Kaffee, deinen Notizblock und Stift und lass uns gleich loslegen!

Die Basics

Was ist eine 404 Seite und warum ist sie wichtig?

Hol dir die Tool Tipps direkt in dein Postfach

Was sind 404 Seiten?

Wir haben es alle schon erlebt.

Vielleicht bist du einem alten Link gefolgt oder hast eine Webadresse falsch eingegeben.

Vielleicht wurde ein Blog-Artikel oder eine Produktseite gel├Âscht.

Was auch immer der Grund ist, du findest dich auf einer fehlenden Seite wieder - oder, wie es in der Branche bekannt ist, auf einer 404 Seite.

Dies ist eine universelle Seite, die 3 Hauptzwecke hat:

  1. Sie l├Ąsst Besucher wissen, dass die Seite, die sie gesucht haben, fehlt oder verschoben wurde.
  2. Sie gibt Website-Besitzern ├╝ber Tools wie die Google-Suchkonsole R├╝ckmeldung ├╝ber fehlende Seiten oder defekte Links.
  3. Sie teilt den Suchmaschinen mit, dass eine Seite nicht existiert.

Warum nennt man sie 404 Seite?

Warum also die Zufallszahl f├╝r ein so einfaches Konzept?

Die Antwort ist technisch, aber unkompliziert. Normalerweise w├╝rde ich dir die Details ersparen, aber das ist eine wesentliche Erkenntnis f├╝r jeden, der eine Website betreibt.

Bist du bereit, f├╝r einen Moment technisch zu werden?

Los geht's...

Jedes Mal, wenn jemand eine Webseite besucht, kommt der Server mit einem Code zur├╝ck, der das Ergebnis anzeigt:

HTTP Status und Fehlercodes

HTTP Statuscodes

Das war ganz einfach, oder?

404 ist ein Auffangbecken, das alle Gr├╝nde enth├Ąlt, warum eine erwartete Webseite nicht da ist.

Alle, die in der Website-Gestaltung und im Marketing arbeiten, verstehen den Begriff 404, so dass er trotz seiner technischen Urspr├╝nge nicht so bald verschwinden wird.

Was verursacht einen 404-Fehler?

Einfach ausgedr├╝ckt: Du siehst immer dann eine 404 Seite, wenn du versuchst, eine Webseite anzuzeigen, die nicht vorhanden ist. Selbst wenn sie da sein sollte.

Das bedeutet, dass die Seite entweder verschoben oder gel├Âscht wurde oder die Adresse falsch ist.

Aber das sagt dir nur, was passiert ist, es nennt uns nicht den Grund daf├╝r.

Hier sind die h├Ąufigsten Ursachen f├╝r 404 Fehler:

Vertippte URLs

Ja, einige von uns geben immer noch URLs in die Adresszeile des Browsers ein!

Wenn du meine URL so falsch eingeben w├╝rdest...

https://letsgetitstraight.de/wortpress/

... w├╝rdest du meine 404 Seite vorfinden.

Inhalt auf eine andere URL verschoben

Manchmal ist es notwendig, die URL einer Seite nach ihrer Ver├Âffentlichung zu ├Ąndern.

Wenn du vergisst, die alte URL umzuleiten, bekommst du einen 404-Fehler.

Denke immer sorgf├Ąltig nach, bevor du ver├Âffentlichte URLs ├Ąnderst. Stelle sicher, dass du die technischen Auswirkungen verstehst - du m├Âchtest die SEO-Leistung oder die Marketingfunnel nicht negativ beeinflussen.

Frage im Zweifelsfall zuerst einen SEO-Spezialisten.

Defekte eingehende Links von anderen Webseiten

Wir k├Ânnen nicht kontrollieren, wie sich andere Menschen mit uns verbinden.

Nach der Ver├Âffentlichung von Inhalten auf ihrem Blog-Posting oder in sozialen Medien ├╝berpr├╝fen viele Menschen ihre Links nicht. Wenn der Link einen Tippfehler enth├Ąlt, f├╝hrt dies normalerweise zu einer 404 Seite auf deiner Webseite.

Die meisten Besucher werden einfach annehmen, dass die Seite fehlt, ohne die Adressleiste zu ├╝berpr├╝fen.

Defekte interne Links

Das hier geht zu 100% auf dein Konto.

Wenn du von irgendwo auf deiner Seite einen Link setzt, ├╝berpr├╝fe immer, ob er funktioniert, bevor - und nachdem - du auf Ver├Âffentlichen geklickt hast!

Ich rate dir, regelm├Ą├čig mit professionellen Tools wie Screaming Frog und Xenu Link Sleuth - beides absurde Namen, aber sehr m├Ąchtig - nach defekten Links zu suchen.

Ändern der Permalink-Struktur

In WordPress kannst du in den Permalink-Einstellungen festlegen, wie du deine URLs gestalten willst.

Einige Leute entscheiden sich f├╝r die Angabe des Datums oder der Kategorie, andere bevorzugen nur den knackigen Titel des Beitrags.

deine-webseite.de/kategorie/post-titel

deine-webseite.de/12/03/post-titel

deine-webseite.de/post-titel

Sei vorsichtig, wenn du Permalink-Einstellungen in WordPress ├Ąnderst. Es kann interne und externe Links sofort zerst├Âren, wenn du es falsch machst.

WordPress ist clever genug, um einige ├änderungen an den Permalinks automatisch umzuleiten, aber nicht immer. ├ťberpr├╝fe es stets nochmal!

Gr├Â├čere technische Schwierigkeiten

Manchmal scheinen Webseiten spontan hinter den Kulissen ein komisches Eigenleben zu entwickeln und 404 Fehler auf mehreren Seiten zu verursachen.

Es ist mitunter schwierig, das Problem zu identifizieren, oftmals ist eine k├╝rzlich erfolgte Aktualisierung schuld, wie z.B. WordPress Plugins oder Webseiten Hosting.

Eine weitere Horror-M├Âglichkeit ist eine gehackte Website.

Greife in beiden F├Ąllen auf ein fr├╝heres Backup zur├╝ck oder sprich mit deinem Hosting Provider.

Was muss auf einer 404 Seite stehen?

Dos and Don'ts - Top-Tipps f├╝r die Erstellung effektiver 404 Seiten

Genug der Vorbereitung!

Jetzt geht┬┤s in die Umsetzung! Ich zeige dir, wie du die 404 Seite f├╝r deine Webseite erstellst.

Es gibt vier Hauptschwerpunkte zur Verbesserung deiner 404 Seite:

  1. Gestaltung & Design
  2. Sprache
  3. Navigation

Lass uns jeden Bereich untersuchen, um M├Âglichkeiten zur Verbesserung deiner 404 Seite zu finden.

1. Gestaltung

Gestalte deine eigene 404 Seite

Verwende nicht die Standard 404 Seite von WordPress, Jimdo oder Wix. Die meisten Anbieter (wie WordPress) und Browser bieten standardm├Ą├čig eine 404 Seite an.

Die sind eher praktisch gestaltet - nur etwas, auf das du zur├╝ckgreifst, solange du keine eigene Seite entworfen hast.

Die Seiten sind in rein technischer Sprache geschrieben und enthalten weder dein Branding noch deine Navigation.

Du kannst es besser machen. Viel besser.

Behalte dein Branding bei

Wechsel nicht zu einer v├Âllig neuen Designvorlage f├╝r deine 404 Seite. Stelle sicher, dass deine 404 Seite das Logo, die Farben und die Typografie deiner Marke enth├Ąlt.

Du m├Âchtest, dass deine Besuchenden sich auch auf deiner 404 Seite zurecht finden.

F├╝ge deine wundersch├Ân gestaltete Navigation und Fu├čzeile ein.

Es gibt eine Tradition, dass alle 404 Seiten lustig, kreativ und ein bisschen frech sein m├╝ssen. Sie werden oft als ein Osterei betrachtet, das den meisten Besuchern verborgen bleibt.

Garniere sie mit ein wenig Humor und deiner Pers├Ânlichkeit. Sei authentisch, doch verw├Ąssere nicht den Zweck der Seite durch verr├╝ckte Kreativit├Ąt.

2. Sprache

Verwende eine klare und freundliche Sprache und verwirre den Besucher nicht mit technischen Erkl├Ąrungen.

Sag deinen Besuchern sofort und ohne gro├če Worte, was gerade passiert ist und was sie als n├Ąchstes tun k├Ânnen.

Deine 404 Seite ist die falsche Gelegenheit, dein Wissen ├╝ber HTTP Statuscodes weiterzugeben.

Tats├Ąchlich wissen oder interessieren sich nicht alle daf├╝r, was eine 404-Fehlerseite ist.

Verwende eine freundliche, klare Sprache, um deinen Besuchenden zu helfen, die Situation zu verstehen und eine Wahl zu treffen.

├ťbernimm die Verantwortung und die Initiative zur L├Âsung des Problems und beschuldige niemand anderen, deine Internetseite "gecrasht" zu haben.

Es ist nie die Schuld deiner Besuchenden, selbst wenn sie sich bei der Eingabe einer URL vertippt haben.

Niemand erwartet, eine 404 Seite zu sehen. Alle rechnen damit, dass sie den ihnen versprochenen Inhalt finden, normalerweise ├╝ber eine Verlinkung.

Wie unterst├╝tzt du deinen Besucher am besten in der anf├Ąnglichen Verwirrung einer 404 Seite?

Es gibt einen Unterschied zwischen diesen Ans├Ątzen:

  • 404 Seite nicht gefunden.

oder

  • Oh nein! Diese Seite scheint zu fehlen.
  • Vielleicht wurde die Seite verschoben oder sie sind einem defekten Link gefolgt.
  • W├Ąhlen Sie hier eine Option, oder kontaktieren Sie uns, damit wir Ihnen weiterhelfen k├Ânnen

Die erste M├Âglichkeit verzichtet auf Anleitung oder Unterst├╝tzung. Die zweite verwendet eine einfache, freundliche Sprache und zeigt Einf├╝hlungsverm├Âgen.

3. Navigation

Biete Navigationsoptionen an und verlinke mehr als nur deine Startseite, z. B. deinen Blog oder auf deine Kontakt Seite

Stell dir vor, du bittest in einem Supermarkt um Hilfe, und man sagt dir, du sollst zur├╝ck zum Haupteingang gehen und von vorne anfangen.

Oder du versuchst, den richtigen Bahnsteig zu finden, aber alle Schilder zeigen auf den Haupteingang des Bahnhofs.

Wenig hilfreich, oder?

Eine gute 404 Seite bietet alternative Navigationsm├Âglichkeiten. Jedes Business ist anders, genauso ihre Besuchenden, doch hier ein paar Vorschl├Ąge:

  • Verlinke auf deine Hilfe oder FAQ Rubrik
  • Binde ein Suchformular ein
  • Zeige deine Sitemap
  • Verweise auf dein Kontaktformular

Beschr├Ąnke die Navigation auf einige wenige M├Âglichkeiten. Bietest du zu viel Auswahl wei├č niemand mehr, wo┬┤s auf deiner Internetpr├Ąsenz lang geht oder f├╝hlt sich ├╝berfordert.

Als Faustregel gilt: Beschr├Ąnke deine Vorschl├Ąge auf 3 oder 4 Navigationsoptionen.

Sei klar und selbstbewusst, f├╝hre deine Besuchenden anstatt sie sich selbst zu ├╝berlassen. Warum auch immer ich bei Canva ein R├Ątsel l├Âsen soll, keine Ahnung.

Doch selbst wenn ich mir die Zeit nehme, um das zu tun, komme ich meiner urspr├╝nglich aufgerufenen Seite nicht n├Ąher. Ich bleibe auf der 404 Seite und das n├Ąchste R├Ątsel wird mir angezeigt.

Negatives Beispiel

Positives Beispiel

So vermeidest du 404 Fehler

  1. Verwende einfache, kurze URLs, denn die lassen sich leichter eingeben, das bedeutet weniger Tippfehlern
  2. Verwende interne Links ÔÇô Wenn du zu einer anderen Seite auf deiner Internetpr├Ąsenz verlinkst, dann kopiere den entsprechenden Link und f├╝ge ihn entsprechend ein, das ist am sichersten.
  3. ├ťberpr├╝fe die zu dir verlinkenden Seiten ÔÇô deine Statistik zeigt dir, welche anderen Webseiten auf deine Webseite verweisen. Ist einer der Links auf diesen Webseiten falsch oder veraltet, dann schreib kurz eine Email und bitte die Betreibenden, den Link anzupassen. Dieses Tool hilft dir dabei: https://ahrefs.com/de/broken-link-checker
  4. Schau regelm├Ą├čig in deine Google Search Console, dort zeigt Google dir alle problematischen Webseiten an.

So erstellst du eine 404 Seite mit Plugins

Wenn du wie ich das Astra Theme hast, dann kannst du deine 404 Seite innerhalb des Themes unter

Design - Astra Optionen - Custom Layouts selbst gestalten.

Ansonsten gibt es zahlreiche 404 Plugins im offiziellen WordPress Verzeichnis, mit denen du deine 404 Seite individualisieren kannst.

WordPress Plugins 404 Seite

Fazit

Bist du bereit, deine 404-Seite zu aktualisieren?

Fehlende Seiten sind ein normaler Bestandteil jeder wachsenden, erfolgreichen Webpr├Ąsenz. Du kannst sie minimieren, aber Besucher werden auf kreative Weise immer ├╝ber eine 404 stolpern.

In diesem Sinne, warum nicht die bestm├Âgliche 404 Seite gestalten?

Teile mir deine Ideen in den Kommentaren unten mit!

Das k├Ânnte dir auch gefallen

>

Pin It on Pinterest

Share This
Scroll to Top