Tutorial, Webdesign, WordPress

404 Fehlerseite besser nutzen

Bild 404 Fehlerseite

Kennen Sie die Fehlerseite Ihrer Website? Tippen Sie in die Adresszeile Ihres Browsers www.ihredomain/404 ein. Was sehen Sie?

In den meisten Fällen erscheint eine langweilige Statusmeldung, wie 404 page not found, File not found oder 404 not found in schwarzer Schrift auf weißer Seite. Die eigene Fehlerseite wird meistens schlicht weg vergessen.

Selbst viele große Firmen und Spitzenwebsites haben keine individuelle Fehlerseite und verpassen die Gelegenheit eines individuellen Auftritts.

Nachdem ich im Netz ein paar ganz tolle Fehlerseiten gesehen habe, wollte ich auch etwas anderes haben als Standardseiten. Irgendwie kam ich aber nie dazu bis elmastudio eine ganz tolle Grafik als Freebee angeboten hat. Das war mir Motivation genug mich hinzusetzen und die Änderungen durchzuführen. Und da ich schon mal dabei war, habe ich gleich noch für meinen Blog Pasta selber machen die Fehlerseite geändert. Das passende Foto habe ich schon vor Wochen gemacht.

Was ist eine 404 Fehlerseite?

Wird ein Link aufgerufen, der nicht existiert, tritt ein 404-Fehler auf dem Webserver auf. Diese Rückmeldung besagt, dass die aufgerufene Seite nicht gefunden wurde und der Webserver gibt eine Statusmeldung aus. Meistens werden Standardseiten ausgegeben, die wenig hilfreich sind.

Meldung 404 not found
404 Fehlermeldung bei STRATO

Ein 404-Fehler lässt sich kaum vermeiden. Durch Aktualisierungen oder Umbau von Websites, werden Seiten gelöscht, verschoben oder umbenannt. Dadurch entstehen Unterschiede zwischen den vorhandenen Seiten und den Einträgen im Index der Suchmaschinen. Möglich ist auch, dass sich der Besucher vertippt hat. Eine weitere Ursache kann eine fehlerhafte oder falsche Linkstrategie sein.

Prüfen Sie Ihre Website regelmäßig auf Fehlerseiten. Am besten geht das mit den Google Webmaster Tools. Dort können Sie feststellen, welche Seiten Fehlermeldungen verursachen und die Fehler beheben. Wie Sie 404-Fehlerseiten mit Google Analytics und Tag Manager tracken, erklärt Christian Ebernickel in einem Tutorial auf seinem Blog. https://www.ebernickel.de/blog/404-fehlerseiten-mit-google-analytics-tracken/

Was sollte eine 404 Fehlerseite enthalten?

Wird dem Besucher einer Website statt des gesuchten Beitrags eine Standardseite 404 angezeigt, ist er für die Website meistens verloren. Er klickt auf den Zurück-Button und klickt in den Suchergebnissen einfach auf den nächsten Treffer. Er macht sich selten die Mühe, die Adresse der Startseite einzugeben und eine eventuell vorhandene Suche zu suchen. Auf jeden Fall macht die 404 Standardseite den Eindruck einer schlecht gepflegten Website.

Mit einer individuellen Fehlerseite kann man den Besucher auf der Website halten. Eine gut optimierte Fehlerseite sollte grundlegende Informationen anbieten und dem Besucher helfen, das Gewünschte zu finden. Überlegen Sie, welche Informationen Sie auf einer Fehlerseite benötigen, wenn Sie gezielt nach etwas suchen.

  • Verwenden Sie eigene Texte. Was im Englischen gut klingt, kann im Deutschen gestelzt oder seltsam anmuten. Ob der Text lustig oder sachlich informativ ist, hängt vom Webauftritt ab. Ein Webshop, der seriös wirken will, wird sich kaum eine Fun-Seite gestalten. Der Text sollte verständlich sein und mögliche Ursachen für den Fehler nennen.
  • Der Besucher soll erkennen, dass er auf Ihrer Website gelandet ist. Verwenden Sie das Design der Website oder passen Sie die Fehlerseite optisch an. Auf jeden Fall sollte die Fehlerseite den Firmennamen und das Logo enthalten.
  • Bieten Sie eine Suche an und weisen Sie im Text darauf  hin.
  • Bieten Sie verschiedene Links zu wichtigen Seiten an. Unerlässlich ist ein Link zur Startseite.
  • Ein passendes Foto oder Grafik lockert die Seite auf.

Unnötig ist es heute auf den Webmaster hinzuweisen, das bringt rein gar nichts und es wird auch keiner tun. Genauso wenig hilfreich sind Sitemaps auf der Fehlerseite. Sitemaps sind wichtig für die Suchmaschinen aber nicht für die Besucher Ihrer Website. Eine automatische Weiterleitung auf die Startseite ist auch nicht besonders hilfreich. Das verwirrt nur den Besucher.

404 Fehlerseiten einbinden

Haben Sie eine individuelle Fehlerseite erstellt? Jetzt müssen Sie dem Webserver mitteilen, dass er die Standardseite durch Ihre neue Fehlerseite austauschen soll.

Wie dieser Austausch erfolgt, hängt von der Art der Website ab. Bei den CMS-Systemen (Content-Managementsystemen) wie WordPress sind die Fehlerseiten bereits im Theme enthalten und eingebunden.

Bei Websites ohne CMS kommt es darauf an, wie die Website gehostet wird. Webhoster bieten normalerweise eine Möglichkeit, die Texte zu ändern oder die URL einer 404-Seite einzubinden. Bei STRATO sieht es so aus:

Eingabemaske Strato
Die Eingabemaske von Strato

Jetzt müssen Sie nur noch die vollständige URL in die Maske eingeben und fertig!

Fehlerseiten mit WordPress optimieren

Mit WordPress ist es einfach, eine individuelle 404-Seite zu erstellen. Im Theme ist üblicherweise eine 404-Seite enthalten. Mit einem Childtheme ist die Umsetzung ziemlich einfach. Sie kopieren die Seite 404.php in ihr Childtheme und passen sie an. Änderungen in der Originaldatei sollten Sie vermeiden. Eine Beschreibung zum Einbinden finden Sie auch auf der WordPress Website.

Die Texte über die Sprachdateien zu ändern, führt nicht immer zum Erfolg und ist aufwendiger. Öffnen Sie die Kopie der 404.php im Editor (Microsoft Editor oder Notepad++) und ersetzen Sie den englischen Text durch einen Eigenen.

Das Foto binden Sie ein, in dem Sie es in die Mediathek hochladen. Kopieren Sie die Bild-URL und fügen Sie ein <img>-Tag an die gewünschte Stelle. Vergessen Sie nicht die Breite und Höhe anzugeben, damit das Bild schneller lädt.

<div class="error-404">
    <img src="Bild-Url" alt="404 Error" title="404 Error" width="" height=""/>
</div> <!-- error page image -->

Etwas aufwendiger ist es, eine komplett neue 404 Seite zu erstellen.

Fehlerseiten mit einem Plugin erstellen

Eine andere Möglichkeit 404 Fehlerseiten zu erstellen ist mit einem Plugin. Wie das geht und welches Plugin ich für meine neue 404 Fehlerseite installiert habe, habe ich in einem neuen Beitrag beschrieben. (11.01.2017)

Fazit

Websites ohne Fehlermeldungen gibt es kaum. Deswegen ist es wichtig, den Besuchern Ihrer Website zu helfen, das Gesuchte zu finden. Auf einer individuellen Fehlerseite können Sie den Besucher mit wichtigen Informationen unterstützen, damit er auf Ihrer Website bleibt.

Lassen Sie sich von anderen 404-Seiten inspirieren und gestalten Sie eine eigene individuelle Fehlerseite passend zu Ihrer Website.

Titelgrafik: ©www.elmastudio.de


Hat dir der Beitrag gefallen? Dann bitte teilen!