Wie man eine benutzerdefinierte 404-Seite in WordPress erstellt und warum es wichtig ist

Jeder, der das Internet durchstöbert, ist schon einmal auf die frustrierende „404 Not Found“-Fehlermeldung gestoßen – eine Erfahrung, die niemand wirklich genießt. Stell Dir vor, Du bist ein Besucher auf einer Website und landest auf einer nicht existierenden Seite, nur um mit der Standard-404-Meldung begrüßt zu werden. Es wirkt nicht nur unprofessionell, sondern kann auch den Eindruck erwecken, dass die Website nicht die beste Wahl für relevante Informationen ist. Aber hier kommt die gute Nachricht: Du kannst diese Situation verbessern und Deinen Besuchern eine positive Erfahrung bieten. Wie? Indem Du eine benutzerdefinierte 404-Seite in WordPress erstellst. In diesem Artikel werde ich Dir nicht nur zeigen, wie einfach es ist, das zu tun – mit und ohne Plugins –, sondern auch erklären, warum dies entscheidend für das Vertrauen Deiner Besucher und die Reduzierung der Absprungrate ist. Abschließend werde ich Dir zeigen, wie man eine benutzerdefinierte 404-Fehlerseite mit GeneratePress erstellt. Lass uns gemeinsam erkunden, wie Du mit einer maßgeschneiderten 404-Seite nicht nur den Frustrationen entgegenwirkst, sondern auch das Vertrauen Deiner Besucher stärkst und sie dazu ermutigst, auf Deiner Website zu bleiben.

Warum Du eine benutzerdefinierte 404-Seite in WordPress erstellen solltest

Eine benutzerdefinierte 404-Seite ermöglicht Dir, den Besuchern Deiner Website in einer unglücklichen Situation zu helfen. Statt einfach nur eine Fehlermeldung anzuzeigen, kannst Du ihnen alternative Optionen präsentieren und sie auf andere interessante Inhalte auf Deiner Website lenken. Eine benutzerdefinierte 404-Seite kann auch das Vertrauen der Besucher stärken, da sie zeigt, dass Du Dich um ihre Erfahrung kümmerst und bereit bist, ihnen bei Problemen zu helfen. Ferner kann eine benutzerdefinierte 404-Seite auch dazu beitragen, die Absprungrate zu reduzieren. Wenn Besucher auf einer nicht existierenden Seite landen, besteht die Gefahr, dass sie die Website sofort verlassen. Mit einer benutzerdefinierten 404-Seite kannst Du jedoch ihre Aufmerksamkeit auf andere relevante Inhalte lenken und sie dazu ermutigen, auf Deiner Website zu bleiben.

Wie man eine benutzerdefinierte 404-Seite in WordPress erstellt – ohne Plugin

Grundsätzlich sollte eine WordPress Installation so wenig Plugins wie möglich enthalten. Die Gründe dafür habe ich bereits in einem anderen Beitrag genannt. Die Erstellung einer benutzerdefinierten 404-Seite ohne Plugin erfordert einige Kenntnisse in der Bearbeitung von WordPress-Themes. Hier ist eine Schritt-für-Schritt-Anleitung, wie Du vorgehen könntest:

1. 1. Öffne den WordPress-Editor, indem Du auf „Design“ und dann auf „Editor“ klickst.
   2. Suche die Datei „404.php“ in Deinem aktuellen Theme-Ordner. Dies ist die Datei, die für die Anzeige der 404-Seite verantwortlich ist.
   3. Erstelle eine Kopie der Datei „404.php“ und speichere sie als „meine-404.php“ auf Deinem PC ab. Auf diese Weise hast Du eine Sicherungskopie der Originaldatei.
   4. Öffne die Datei „meine-404.php“ zum Bearbeiten und passe den Inhalt an Deine Bedürfnisse an.
   5. Füge Texte, Bilder und Links hinzu, um die 404-Seite informativer und ansprechender zu gestalten.
   6. Speichere die Datei und lade sie auf Deinen Server hoch.

Wie man eine benutzerdefinierte 404-Seite in WordPress erstellt – mit Plugin

Wenn Du nicht so vertraut mit dem Bearbeiten von WordPress-Themes bist oder einfach den Prozess vereinfachen möchtest, gibt es eine benutzerfreundliche Alternative: die Verwendung eines Plugins. Ein Plugin ist eine Erweiterung, die es auch weniger technisch versierten Nutzern ermöglicht, Funktionen hinzuzufügen, ohne in den Code einzutauchen. Ein empfehlenswertes Plugin für die Erstellung einer individuellen 404-Seite ist „Smart Custom 404 Error Page [404Page]“. Hier ist, wie Du es nutzen kannst:

1. 1. Gehe zum WordPress-Dashboard und klicke auf „Plugins“ → „Installieren“.

1. 1. Suche nach dem Plugin „Smart Custom 404 Error Page [404Page]“ und klicke auf „Installieren“ und dann auf „Aktivieren“.

1. 1. Erstelle nun eine neue Seite, die Deine individuelle 404-Seite sein wird. Gib ihr einen aussagekräftigen Titel und füge den Inhalt hinzu, den Du auf der 404-Seite anzeigen möchtest.

1. 1. Speichere die Seite und aktiviere sie als Deine benutzerdefinierte 404-Seite.
   2. Gehe zu „Design“ → „404-Fehlerseite“ und wähle Deine zuvor erstelle Seite als 404-Fehlerseite aus.

1. 1. Überprüfe Deine Website, um sicherzustellen, dass die benutzerdefinierte 404-Seite richtig funktioniert.

Beispiele für gelungene 404-Seiten in WordPress

Eine benutzerdefinierte 404-Seite kann auf verschiedene Arten gestaltet werden, abhängig von Deinem Design und Deiner Zielgruppe. Hier sind einige Beispiele für gelungene 404-Seiten, um Dir Inspiration zu geben:

1. 1. Einfache und informative Seite: Zeige eine klare Nachricht an, dass die angeforderte Seite nicht gefunden wurde, und biete alternative Optionen oder eine Suche an.

1. 1. Lustige und kreative Seite: Verwende humorvolle Sprüche oder Bilder, um den Besuchern ein Lächeln ins Gesicht zu zaubern und sie aufzumuntern.

1. 1. Personalisierte Seite: Verwende das Branding Deiner Website und personalisierte Nachrichten, um den Besuchern das Gefühl zu geben, dass sie immer noch Teil Deiner Website sind.

1. 1. Interaktive Seite: Füge Spiele oder interaktive Elemente hinzu, um die Aufmerksamkeit der Besucher zu halten und sie dazu zu ermutigen, weiter auf Deiner Website zu stöbern.

Wie man eine benutzerdefinierte 404-Seite mit GeneratePress erstellt

Da ich GeneratePress bereits seit Jahren benutze und es meiner Meinung nach eines der besten Themes ist, welches in WordPress zur Verfügung steht, möchte ich hier auch direkt zeigen, wie man damit eine benutzerdefinierte 404-Seite in WordPress erstellt. GeneratePress gibt es sowohl in einer kostenlosen, als auch in einer Premium-Version. Man kann für beide Versionen eine benutzerdefinierte 404-Seite erstellen.

Kostenlose Version von GeneratePress

Ich benutze sehr gerne Code-Snippets, weil man damit sehr vieles machen kann, wofür man sonst ein zusätzliches Plugin benötigt. Dies gilt auch für die benutzerdefinierte 404-Seite in WordPress. Solltest Du Code-Snippets bisher nicht installiert haben, dann hole dies bitte nach und aktiviere es anschließend. Nun gehst Du auf Snippets → Neu hinzufügen und gibst folgenden Code ein:

<?php

add_filter( 'generate_404_text','generate_custom_404_text' );
function generate_custom_404_text()
{
      return '';
}
add_filter( 'generate_404_title','generate_custom_404_title' );
function generate_custom_404_title()
{
      return 'hier ist der Text und man kann auch HTML eingeben <img src="https://derwebfuchs.de/1708/wp-content/uploads/2023/09/fox-1580568_1280-271x300.jpg" alt="404-Fehler" class="wp-image-13170"/>';
}

Natürlich musst Du Dich ein wenig mit HTML auskennen, um Dir eine entsprechende Seite zu erstellen. Aber das ist der schnellste und beste Weg, eine benutzerdefinierte 404-Seite in WordPress mit dem Theme GeneratePress zu erstellen. Schöner und komfortabler ist das ganze aber mit der Premium-Version von GeneratePress, wie ich Dir im nächsten Abschnitt zeigen werde.

Premium-Version von GeneratePress

Die Erstellung einer benutzerdefinierten 404-Seite ist mit der Premium-Version am komfortabelsten. Zuerst gehst Du auf Elements → Neues Element erstellen und wählst in dem sich öffnenden Popup den Element-Typ Block. Anschließend musst Du in der rechten Spalte den Element-Typ ändern, und zwar von „Hook“ auf „Content-Template“. Hast Du das erledigt, musst Du noch den Standort auswählen, wo das ganze erscheinen soll. Hier wählst Du „404 Vorlage“. Ab hier kannst Du nun den Inhalt Deiner eigenen benutzerdefinierten 404-Seite erstellen. Beachte hierbei einfach die Beispiele, was in eine 404-Seite gehört. Meine eigene benutzerdefinierte 404-Seite findest Du übrigens hier.

Fazit

Herzlichen Glückwunsch! Du hast jetzt die grundlegenden Schritte gemeistert, um eine benutzerdefinierte 404-Seite in WordPress zu erstellen. Aber warum ist das überhaupt so wichtig? Eine benutzerdefinierte 404-Seite ist mehr als nur ein Mittel, um Fehler zu behandeln. Sie ist eine Chance, das Vertrauen Deiner Besucher zu stärken und ihre Erfahrung auf Deiner Website zu verbessern. Stell Dir vor, wie ein Besucher auf eine nicht existierende Seite stößt und anstatt einer langweiligen Fehlermeldung eine kreative und hilfreiche 404-Seite sieht. Das kann nicht nur Frust minimieren, sondern auch ein Lächeln auf das Gesicht des Besuchers zaubern. Denke daran, dass eine gut gestaltete 404-Seite nicht nur ein technisches Element ist, sondern auch eine Gelegenheit, die Persönlichkeit Deiner Website zu zeigen. Nutze diese Chance, um Deine Besucher auf andere interessante Inhalte zu lenken und die Verweildauer auf Deiner Website zu erhöhen. Hast Du bereits eine kreative 404-Seite erstellt oder Fragen dazu? Teile Deine Erfahrungen in den Kommentaren! Ich bin gespannt darauf, wie Du das Beste aus Deiner 404-Seite machst und helfe gerne bei Fragen weiter.