Wie man eine benutzerdefinierte 404-Seite in WordPress erstellt 

Versuchen Sie, eine benutzerdefinierte 404-Seite in WordPress zu erstellen?

Es gibt nichts Schlimmeres für die Benutzererfahrung als einen Link zu einer Seite, die nicht mehr verfügbar ist. Der Besucher könnte enttäuscht und verwirrt sein, umkehren und Ihre Website schnell wieder verlassen.

Anstatt eine allgemeine Fehlerseite anzuzeigen, hilft die Erstellung einer benutzerdefinierten 404-Seite dabei, die Benutzer bei der Stange zu halten, und führt sie sogar zu relevanten Inhalten zurück.

In diesem Leitfaden zeigen wir Ihnen, wie Sie eine benutzerdefinierte 404-Seite in WordPress erstellen, mit Optionen für alle Erfahrungsstufen, von der Bearbeitung der Theme-Datei bis zur Verwendung von Plugins. Außerdem geben wir Ihnen Tipps zur Verfolgung und Minimierung von 404-Fehlern auf Ihrer Website.

Fangen wir an!

Die Anatomie von 404-Fehlern verstehen

404-Fehler treten auf, wenn Sie auf einen Link klicken und der Server die von Ihnen angeforderte Seite nicht findet. Dafür kann es verschiedene Gründe geben.

Ein 404-Fehler kann angezeigt werden, wenn die Website, zu der der Link führte, entfernt wurde. Dies geschieht in der Regel, wenn eine veraltete Seite mit beliebten Inhalten entfernt wird, obwohl viele Links auf sie verweisen. 

Sie können auch einen 404-Seitenfehler erhalten, wenn eine Seite auf eine andere Domänenadresse verschoben wurde. Der Server kann ausgefallen (oder aus irgendeinem Grund unzugänglich) sein, was zu einem DNS-Fehler führt. Defekte Links können auch durch Firewalls, Inhaltsfilter und andere Formen der Inhaltsblockierung verursacht werden.

Kurz gesagt: Überall im Internet findet man defekte Links. Administratoren oder Website-Besitzer sind dafür verantwortlich, die Erfahrung für die Nutzer so angenehm wie möglich zu gestalten. Sie sollten bedenken, dass Internetnutzer im Allgemeinen ungeduldig sind, wenn sie versuchen, Informationen zu finden. Die Benutzer werden keine Zeit damit verschwenden, eine andere Website zu suchen, wenn sie auf Ihrer nicht finden können, was sie suchen.

Studien haben gezeigt, dass die Nutzer online unglaublich ungeduldig sind. Der Bruchteil einer Sekunde kann den Unterschied ausmachen, ob man einen Besucher behält oder verliert. Ihre benutzerdefinierte WordPress-404-Seite muss also einen guten Eindruck machen.

Rand Fishkin, SEO-Experte

"Eine gute 404-Seite kann den Unterschied zwischen einer höheren Absprungrate und einem höheren Engagement der Nutzer ausmachen.

Warum eine benutzerdefinierte 404-Seite erstellen?

Eine benutzerdefinierte 404-Seite verbessert das Nutzererlebnis, indem sie eine potenzielle Sackgasse in eine Chance verwandelt. Hier sind 3 Hauptgründe, warum dies von Vorteil ist:

1. Reduziert die Absprungrate: Eine ansprechende 404-Fehlerseite ermutigt Nutzer, auf Ihrer Website zu bleiben, anstatt sie zu verlassen.
2. Führt Besucher zurück zum Inhalt: Nutzen Sie Ihre 404-Seite, um beliebte Artikel, die Homepage oder eine Suchleiste vorzuschlagen und Ihre Nutzer bei der Stange zu halten.
3. Spiegelt Ihre Marke wider: Passen Sie Ihre 404-Seite an und fügen Sie humorvolle oder hilfreiche Botschaften hinzu.

Wie erstellt man eine benutzerdefinierte 404-Seite in WordPress?

WordPress gibt Ihnen mehrere Möglichkeiten, eine gute benutzerdefinierte 404-Seite zu erstellen. Hier sind sie:

• Sie können die bestehende 404-Seite Ihres Themes bearbeiten.
• Erstellen Sie eine benutzerdefinierte 404-Seite, wenn Ihr Theme keine hat.
• Installieren Sie ein 404-Plugin.

Seien Sie vorsichtig: Wenn Sie ein WordPress-Theme bearbeiten, verwenden Sie am besten ein Child-Theme. Auf diese Weise werden Sie nicht durch Theme-Updates überschrieben.

Option 1: Erstellen einer benutzerdefinierten WordPress-404-Seite ohne Plugin

Die meisten WordPress-Themes verfügen über eine integrierte 404-Seitenvorlage. Sie finden sie in den Themadateien als 404.php. Durch die Bearbeitung dieser Datei können Sie Ihre Fehlerseite ganz einfach anpassen.

Das Fehlen von 404.php bedeutet, dass Ihrem Theme eine benutzerdefinierte 404-Vorlage fehlt und Sie eine hinzufügen müssen (wie in diesem Artikel weiter erläutert).

Andernfalls klicken Sie einfach auf die vorhandene Datei und bearbeiten Sie sie direkt im WordPress-Dashboard mit diesem Code-Stück:

<h1>Oops darling! The Page Was Not Found</h1>
<p>We are sorry about this. Try heading back to our <a href="/">homepage</a> or use the search bar below.</p>
<?php get_search_form(); ?>

Option 2: Erstellen einer neuen 404.php-Datei für eine benutzerdefinierte 404-Seite

Wenn Ihr Theme keine 404.php-Datei hat, können Sie eine manuell erstellen.

1. Erstellen Sie eine neue Datei mit dem Namen 404.php: Öffnen Sie einen Texteditor und erstellen Sie eine neue Datei mit dem Namen 404.php.
2. Grundlegenden 404-Vorlagencode hinzufügen: Verwenden Sie den unten stehenden HTML- und PHP-Code, um eine einfache benutzerdefinierte 404-Seite zu erstellen:

<?php get_header(); ?>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were looking for could not be found.</p>
<a href="<?php echo home_url(); ?>">Back to Home</a>
<?php get_search_form(); ?>
<?php get_footer(); ?>

3. Laden Sie die Datei in Ihr Theme-Verzeichnis hoch: Verwenden Sie FTP oder den Dateimanager Ihres Hostings, um die neue 404.php nach wp-content/themes/your-theme/ hochzuladen.
4. Überprüfen Sie Ihre neue 404-Seite: Besuchen Sie eine nicht existierende URL auf Ihrer Website, um zu überprüfen, ob Ihre benutzerdefinierte 404-Seite angezeigt wird.

Option 3: Verwenden Sie ein Plugin, um eine benutzerdefinierte 404-Seite zu erstellen

Wenn Sie sich bei der Bearbeitung des PHP-Codes Ihres Themes nicht wohl fühlen, sollten Sie lieber mit einem Plugin arbeiten. Es gibt 404-Plugins, die Ihnen helfen, eine Fehlerseite zu erstellen, und viele sind auch in der Lage, alle nicht gefundenen Seiten zu verfolgen und aufzuzeichnen.

Wir empfehlen die folgenden Plugins:

Umleitung

Redirection ist der beliebteste Redirect-Manager für WordPress. Damit können Sie ganz einfach 301-Weiterleitungen verwalten, 404-Fehler im Auge behalten und generell alle losen Enden Ihrer Website in Ordnung bringen.

404 Lösung

404 Solution wandelt Ihren 404-Traffic um, indem es Ihren Besuchern ein besseres Browsing-Erlebnis bietet und 404-Fehler auf Ihrer Website beseitigt.

Colorlib 404 Anpassungsprogramm

Colorlib 404 Customizer ist ein kostenloses WordPress-Plugin, mit dem Sie eine individuelle und stilvolle 404-Seite schnell über den Live Customizer erstellen können.

Dieses erstaunliche Plugin bietet Ihnen die Möglichkeit, die 404-Seite zu bearbeiten und anzupassen, so dass Sie sie an das Design Ihrer Website anpassen können.

Bewährte Praktiken für ein effektives 404-Seiten-Design

Um die Benutzerfreundlichkeit zu verbessern, sollten Sie bei der Erstellung Ihrer benutzerdefinierten 404-Seite die folgenden Best Practices beachten:

• Fügen Sie hilfreiche Links hinzu: Fügen Sie Links zu beliebten Beiträgen oder zur Homepage ein, um die Nutzer zu relevanten Inhalten zurück zu führen und sie bei der Stange zu halten.
• Fügen Sie eine Suchleiste ein: Eine Suchfunktion ist der beste Weg, um Besuchern zu helfen, den gesuchten Inhalt zu finden.
• Verwenden Sie eine freundliche Nachricht: Vermeiden Sie Fachsprache. Eine freundliche Nachricht kann das Erlebnis für den Nutzer angenehmer machen.
• Erwägen Sie Humor oder visuelle Elemente: Humor oder Bilder können dazu beitragen, die Fehlerseite weniger frustrierend zu gestalten und diesen negativen Moment in eine Chance zu verwandeln.