Kurz gesagt: So erstellen Sie eine benutzerdefinierte 404-Seite in WordPress
Eine 404-Seite wird angezeigt, wenn ein Besucher auf eine fehlende oder defekte URL stößt. Eine benutzerdefinierte 404-Fehler-Vorlage hält sie auf Ihrer Website, anstatt sie endgültig wegzuschicken.
- Was eine 404-Seite ist: Die Seite „Nicht gefunden“, die Ihr Server anzeigt, wenn eine URL nicht existiert. Ohne Anpassung ist sie eine Sackgasse.
- Warum sie anpassen: Eine gebrandete Fehlerseite reduziert die Absprungrate, schützt Ihren Ruf und kann Leads generieren, anstatt Besucher zu verlieren.
- Die Plugin-Methode: SeedProd ist ein Drag-and-Drop-Website-Builder für WordPress mit 404-Seitenvorlagen, die Sie ohne Code anpassen können.
- Wichtige Schritte: Installieren Sie SeedProd, wählen Sie eine 404-Fehler-Vorlage, passen Sie Ihr Design im visuellen Builder an und aktivieren Sie es dann im SeedProd-Dashboard.
- Lead-Magnet-Ansatz: Fügen Sie CTAs, Produktpräsentationen, Exit-Popups oder eine E-Mail-Anmeldung hinzu, um die Seite mit dem defekten Link in eine Conversion-Möglichkeit zu verwandeln.
- Fehler überwachen: Verwenden Sie den Broken Link Checker von AIOSEO oder das Redirection-Plugin, um die defekten Links zu finden und zu beheben, die 404s verursachen.
Wenn Sie schon einmal auf einer 404-Seite gelandet sind, wissen Sie, wie frustrierend das sein kann. Früher dachte ich, sie wären nur Sackgassen, aber jetzt nutze ich sie, um Leute auf meiner Seite zu halten und sie zu etwas Nützlichem zurückzuführen.
In diesem Leitfaden zeige ich Ihnen, wie Sie eine benutzerdefinierte 404-Seite in WordPress erstellen, die nicht nur funktional, sondern auch hilfreich ist. Sie lernen, wie Sie eine erstellen, die zu Ihrer Marke passt, die Leute in die richtige Richtung weist und Ihnen sogar hilft, Leads zu sammeln.
Inhaltsverzeichnis
- Was ist eine 404-Fehlerseite?
- Was sind die Vorteile einer benutzerdefinierten 404-Seite in WordPress?
- So erstellen Sie eine 404-Seite in WordPress
- Möglichkeiten, Ihre WordPress 404-Seite in einen Lead-Magneten zu verwandeln
- Häufig gestellte Fragen zu benutzerdefinierten 404-Seiten
Was ist eine 404-Fehlerseite?
Eine 404-Fehlerseite ist die fehlende Seite, die Ihr Server zurückgibt, wenn ein Besucher eine URL anfordert, die nicht existiert. Der HTTP-Statuscode 404 ist die Art und Weise des Webs zu sagen: „Ich habe nachgesehen, und diese Seite ist nicht hier.“
Ihre Website kann diese benutzerdefinierte Fehlerseite auslösen, wenn die Verbindung eines Benutzers unterbrochen ist, eine Domain nicht mehr existiert, jemand die falsche URL eingibt oder Sie einen Permalink ändern, ohne eine Weiterleitung einzurichten.
Was sind die Vorteile einer benutzerdefinierten 404-Seite in WordPress?
Eine Seite mit defekten Links ist ein Moment, in dem Sie entweder einen Besucher dauerhaft verlieren oder ihn irgendwohin nützlich weiterleiten können. Hier ist, was auf dem Spiel steht, wenn Sie die Standard-Fehlerseite beibehalten:
- Crawl-Budget und SEO: Eine hohe 404-Rate kann Ihr Crawl-Budget und die Benutzererfahrung beeinträchtigen, was sich auf Dauer auf die Rankings auswirkt.
- Langsameres Wachstum: Sie könnten einen potenziellen Kunden verlieren, der Ihre Seite besucht hat, um einen Kauf zu tätigen. Verlust von potenziellen Kunden bedeutet niedrigere Konversionen, was wiederum langsames Wachstum bedeutet.
- Schlechtes Markenimage: Indem Sie Besuchern eine schlechte Benutzererfahrung bieten, beeinträchtigen Sie Ihr Markenimage. Wenn das passiert, werden die Leute aufhören, Ihrer Marke zu vertrauen, und vermeiden, bei Ihnen zu kaufen.
Normalerweise, wenn Menschen eine gute Erfahrung mit Ihrer Website machen, werden sie wiederkommen wollen. Aber eine Standard-404-Fehlerseite bietet nicht viel.
Sie können den Verlust von Leads und potenziellen Kunden vermeiden, indem Sie eine benutzerdefinierte 404-Fehler-Vorlage entwerfen, die Besuchern hilft, das zu finden, was sie brauchen. Es ist eine effektive Möglichkeit, Besucher zu binden und Ihren Markenruf zu wahren.
So erstellen Sie eine 404-Seite in WordPress
Es gibt mehrere Möglichkeiten, eine benutzerdefinierte 404-Seite in WordPress zu erstellen. Sie können die Datei 404.php direkt in Ihrem Theme-Verzeichnis bearbeiten, aber das erfordert Kenntnisse in PHP und Theme-Dateien. Für die meisten Website-Besitzer ist ein Plugin schneller und birgt nicht das Risiko, Ihr Theme zu beschädigen.
Das Plugin, das ich für diese Anleitung verwenden werde, ist SeedProd, der beste Drag-and-Drop-Website-Builder für WordPress. SeedProd ist ein Drag-and-Drop-Website-Builder für WordPress mit über 1 Million aktiven Installationen. Sie erhalten einen visuellen Editor, in dem jede Änderung live angezeigt wird, und die Vorlagen für die 404-Seite sind bereit zur Anpassung, ohne eine einzige Zeile Code anfassen zu müssen.
Mit SeedProd können Sie eine benutzerdefinierte 404-Seite mit einer Nachricht, einem Bild und einem CTA gestalten, um Besucher zu ermutigen, auf Ihrer Website zu bleiben. Befolgen Sie die nachstehenden Schritte, um Ihre eigene Seite ohne Code oder CSS zu erstellen.
Schritt 1. SeedProd installieren und aktivieren
Gehen Sie zuerst auf die SeedProd-Website und laden Sie das Plugin herunter. Obwohl es eine kostenlose Version von SeedProd gibt, benötigen Sie das Premium-Plugin, da es Ihnen ermöglicht, die integrierte 404-Fehler-Vorlage Ihres Themes zu ersetzen.
Wenn Sie dabei Hilfe benötigen, lesen Sie unsere Dokumentation zur Installation und Aktivierung von SeedProd. Sie behandelt die Installation des Plugins und die Aktivierung Ihres Lizenzschlüssels.
Schritt 2. Wählen Sie eine 404-Seiten-Vorlage
Nachdem Sie das Plugin aktiviert haben, navigieren Sie in Ihrem WordPress-Dashboard zu SeedProd » Landing Pages. Klicken Sie dann im Abschnitt „404-Seite“ auf die Schaltfläche „404-Seite einrichten“.
Auf dem nächsten Bildschirm können Sie eine vorgefertigte 404-Seiten-Vorlage auswählen. SeedProd filtert die Vorlagen automatisch, um alle verfügbaren 404-Seiten-Designs anzuzeigen.
Sie können auf die Lupe klicken, um ein Design in der Vorschau anzuzeigen, oder auf das Häkchen-Symbol klicken, um eine bestimmte Vorlage auszuwählen.
Wir verwenden die 404-Seiten-Vorlage „Fist Bump“, aber Sie können jedes Design auswählen oder Vorlagen von Grund auf neu erstellen.
Schritt 3. Passen Sie Ihre WordPress 404-Seite an
Nachdem Sie Ihre Vorlage ausgewählt haben, sehen Sie den Drag-and-Drop-Seiten-Builder, in dem Sie Ihre 404-Seite anpassen können. Auf der linken Seite sehen Sie Blöcke und Abschnitte, die Sie Ihrem Design hinzufügen können. Auf der rechten Seite befindet sich eine Live-Vorschau Ihrer Seite.
Die meisten 404-Vorlagen von SeedProd enthalten bereits mehrere WordPress-Blöcke, die den Kern des Designs bilden. Um sie anzupassen, klicken Sie auf einen Block in Ihrem Layout, um ihn hervorzuheben, und nehmen Sie Änderungen mit den Einstellungen im linken Bereich vor.
Um neue Blöcke zu Ihrem Design hinzuzufügen, suchen Sie den Block im linken Menü und ziehen Sie ihn auf Ihre Seite.
Wenn Besucher auf Ihrer 404-Seite landen, benötigen sie möglicherweise Hilfe, um zu verstehen, wie sie dorthin gelangt sind und was sie als Nächstes tun sollen. Es ist eine gute Idee, Text hinzuzufügen, der erklärt, dass das Gesuchte nicht gefunden werden kann, und mehrere nächste Schritte vorschlägt.
Da unsere Vorlage bereits einen Überschriften- und Textblock enthält, klicken Sie darauf, um den Inhalt mit Ihrer benutzerdefinierten Nachricht zu aktualisieren.
Im folgenden Bild haben wir eine Nachricht hinzugefügt, die den Besuch des Blogs oder die Verwendung des Suchfelds zur Suche nach etwas Spezifischerem vorschlägt.
Schauen wir uns nun an, wie man einen Button zum Besuch des Blogs und eine Suchleiste hinzufügt. Suchen Sie zuerst den Spaltenblock im linken Bereich und ziehen Sie ihn auf Ihr Layout.
Wählen Sie die 2-Spalten-Layoutoption. Hier platzieren Sie neue Elemente nebeneinander auf der Seite.
Ziehen Sie den Button-Block in Ihre erste Spalte. In den Blockeinstellungen können Sie den Button-Text ändern und die URL für Ihre Blog-Seite hinzufügen.
Klicken Sie auf die Registerkarte "Erweitert", um weitere Einstellungen zu ändern, einschließlich Button-Farbe, Stil, Abstände und mehr.
Um eine Suchbox in der zweiten Spalte hinzuzufügen, suchen Sie den Block "Suchformular" und folgen Sie demselben Prozess. Sie können sogar die Hintergrundfarbe der Zeile ändern, um Ihre Aktions-Elemente hervorzuheben.
Hier sind einige weitere Möglichkeiten, den Inhalt Ihrer 404-Seite zu verbessern:
- Verwenden Sie MonsterInsights und den Shortcode-Block von SeedProd, um automatisch beliebte Beiträge auf Ihrer 404-Seite anzuzeigen.
- Zeigen Sie beliebte WooCommerce-Produkte an, um den E-Commerce-Umsatz zu steigern. Wenn Sie einen WooCommerce-Shop betreiben, können Sie mit der 404-Vorlage von SeedProd Produktempfehlungen direkt auf Ihrer Fehlerseite hinzufügen, sodass ein Besucher, der auf eine fehlende Produkt-URL stößt, stattdessen verwandte Artikel sehen kann.
- Verwenden Sie den Kontaktformular-Block, um Feedback von Besuchern der 404-Seite zu sammeln.
Wenn Sie mit dem Aussehen Ihrer neuen Seite zufrieden sind, klicken Sie oben rechts auf die Schaltfläche Speichern und wählen Sie in der Dropdown-Liste die Option „Als Vorlage speichern“.
Geben Sie Ihrer benutzerdefinierten 404-Seiten-Vorlage einen Namen, klicken Sie auf die Schaltfläche Vorlage speichern und kehren Sie zum Editor zurück.
Schritt 4. Aktivieren Sie Ihre WordPress 404-Seite
Wenn Ihr benutzerdefiniertes 404-Seiten-Design vorhanden ist, klicken Sie auf das X-Symbol im Editor, um zu Ihrem WordPress-Admin-Dashboard zurückzukehren. Sie sehen ein Popup, in dem gefragt wird, ob Sie die Seite sofort aktivieren möchten. Klicken Sie auf die Schaltfläche „Ja, aktivieren“.
Nachdem Sie auf diese Schaltfläche geklickt haben, gelangen Sie zurück zum Landingpage-Dashboard und sehen, dass Ihr 404-Seitenmodus aktiv ist.
Wenn Sie Ihre benutzerdefinierte 404-Seite jemals deaktivieren möchten, schalten Sie den Schalter in die inaktive Position.
Ein kurzer Hinweis: Die benutzerdefinierten 404-Seiten von SeedProd geben immer noch den korrekten 404-HTTP-Statuscode zurück. Sie senden nicht versehentlich eine 200 OK-Antwort, was für SEO-Crawler wichtig ist.
Um Ihre neue Seite zu testen, rufen Sie in Ihrem Browser Ihre-Website.de/diese-seite-existiert-nicht auf. Ihre benutzerdefinierte 404-Seite sollte anstelle der Standard-WordPress-Fehlermeldung angezeigt werden.
Hier ist ein letzter Blick auf unsere benutzerdefinierte WordPress 404-Fehler-Vorlage:
Möglichkeiten, Ihre WordPress 404-Seite in einen Lead-Magneten zu verwandeln
Einige Entwickler sagen, man solle es einfach halten: Branding auf eine 404er-Seite klatschen und weitermachen. Das funktioniert gut, wenn Ihr einziges Ziel darin besteht, den Fehler anzuerkennen. Aber wenn Sie eine Geschäftswebsite betreiben, ist eine 404er-Seite ein echtes Austrittsrisiko, und Sie können viel mehr tun, als sie nur anzuerkennen.
Der Unterschied zwischen einer generischen Seite „Nicht gefunden“ und einer optimierten Seite ist nicht nur die Benutzererfahrung. Es geht darum, ob Sie einen potenziellen Kunden zurückgewinnen oder ihn dauerhaft verlieren. Hier erfahren Sie, wie Sie Ihre Seite zum Laufen bringen.
1. Zeigen Sie Ihr Produkt an
Eine der effektivsten Möglichkeiten, Ihre 404-Fehlerseite mehr Leads generieren zu lassen, ist die Präsentation Ihrer Produkte. Anstatt Ihren Besuchern mitzuteilen, dass die gesuchte Seite nicht existiert, nutzen Sie sie, um ihnen zu zeigen, was Sie anbieten.
Fügen Sie hochwertige Bilder Ihrer Produkte hinzu und verlinken Sie sie.
Steve Madden nutzt diese Technik, um seine 404-Fehlerseite in ein Design umzuwandeln, das aktiv Konversionen steigert.
Mit dieser Technik können Sie Besucher ermutigen, Ihre Website weiter zu erkunden, auch wenn sie nicht genau das finden, wonach sie gesucht haben.
2. Schreiben Sie hilfreiche Inhalte für Besucher
Ihre fehlende Seite ist eine Kommunikationsmöglichkeit. Schreiben Sie eine klare, menschliche Fehlermeldung, die den Besuchern erklärt, was passiert ist und was sie als Nächstes tun können. Halten Sie sie kurz und freundlich.
Fügen Sie Navigationslinks mit beschreibendem Ankertext hinzu, die auf Ihre nützlichsten Seiten verweisen: Ihre Homepage, Ihr Blog oder Ihre Produktkategorie. Ein Suchformular ist noch besser, da es den Besuchern ermöglicht, genau das zu suchen, was sie wollten, ohne Ihre Website zu verlassen.
3. Fügen Sie Informationen über Ihr Unternehmen hinzu
Eine weitere effektive Methode, Ihre 404-Seite zu verwandeln, ist das Hinzufügen Ihrer Geschäftsinformationen. Ihre Besucher landen vielleicht auf einem 404-Fehler, aber Sie möchten sie nicht mit einer enttäuschenden Nachricht verlieren. Das Hinzufügen Ihrer Geschäftsinformationen ist eine ausgezeichnete Möglichkeit, ihr Interesse neu zu wecken.
Die Modemarke Myntra nutzt diese Technik effektiv:
Neben der Anzeige der Fehlermeldung hilft es den Nutzern auch, verschiedene Bereiche der Website zu erkunden. Als Besucher können Sie die Kollektion unter definierten Kategorien in der Menüleiste durchsuchen, Ihr Profil besuchen oder nach Produkten suchen. Es wird sogar eine Rabattleiste angezeigt, sodass Besucher statt einer Sackgasse die Kollektion durchstöbern können.
4. Relevante CTA-Buttons hinzufügen
Das Hinzufügen relevanter Call-to-Action (CTA)-Schaltflächen zu Ihrer 404-Seite ist eine clevere Möglichkeit, Kunden aufzufordern, sich zu melden und ihre Probleme zu lösen. Dies kann eine Kundendienstschaltfläche, ein Kontaktformular, eine Anfrage-Schaltfläche, eine Anruftaste oder alles sein, was hilfreich sein kann.
Ihre Besucher können diese Schaltflächen nutzen, um eine Beschwerde einzureichen, Fragen zu stellen, Ihnen in sozialen Medien zu folgen oder alles zu tun, um die Situation weniger frustrierend zu gestalten.
5. Exit-Intent-Popups hinzufügen
Exit-Intent-Popups sind eine weitere effektive Methode, um zu verhindern, dass Besucher eine schlechte Erfahrung auf Ihrer Website machen. Gestalten Sie ein Exit-Popup, das auf dem Bildschirm Ihrer Besucher erscheint, kurz bevor sie die Seite verlassen.
Nutzen Sie es, um Rabattcodes anzuzeigen, Preise anzubieten oder Neuankömmlinge anzukündigen. Menschen lieben Rabatte und Angebote, daher kann die Anzeige auf Exit-Popups Besucher erneut ansprechen, Leads generieren und den Umsatz steigern.
6. Machen Sie es interessant
Auf einer 404-Fehlerseite zu landen, ist frustrierend genug. Es ist noch schlimmer, wenn die Seite langweilig ist. Verwandeln Sie das Erlebnis in etwas Unvergesslicheres, indem Sie Humor einsetzen, um die Besucher zum Lächeln zu bringen.
Eine weitere Möglichkeit, Ihre 404-Seite angenehmer zu gestalten, ist das Hinzufügen eines Spiels auf dem Bildschirm. Es ist eine clevere Methode, um Aufmerksamkeit zu erregen und Benutzer länger auf Ihrer Website zu halten.
Häufig gestellte Fragen zu benutzerdefinierten 404-Seiten
Kann ich eine 404-Seite in WordPress ohne Plugin erstellen?
Ja. Sie können Ihre 404-Seite anpassen, indem Sie die Datei 404.php in Ihrem Theme-Verzeichnis bearbeiten. Dies erfordert Kenntnisse in PHP und der Theme-Dateistruktur, und alle Updates Ihres Themes können Ihre Änderungen überschreiben.
Für die meisten Website-Besitzer ist ein Plugin wie SeedProd der bessere Weg. Sie erhalten einen visuellen Editor, vorgefertigte Vorlagen und kein Risiko, Ihr Theme zu beschädigen.
Gibt eine benutzerdefinierte 404-Seite in WordPress immer noch einen 404-HTTP-Statuscode zurück?
Ja. Wenn Sie SeedProd verwenden, um eine benutzerdefinierte 404-Seite zu erstellen, liefert WordPress immer noch den korrekten 404-HTTP-Statuscode an Browser und Suchmaschinen-Crawler. Ihr benutzerdefiniertes Design ersetzt nur das visuelle Layout, nicht die Serverantwort.
Dies ist wichtig für SEO: Eine Seite, die anstelle von 404 einen 200 OK-Status zurückgibt, kann Crawler verwirren und zu Soft-404-Fehlern in der Google Search Console führen.
Wie finde und verfolge ich 404-Fehler auf meiner WordPress-Website?
Die Google Search Console zeigt 404-Fehler unter "Abdeckung" » "Nicht gefunden" an. Sie können auch den integrierten Link-Checker von AIOSEO verwenden oder das Redirection-Plugin (kostenlos, über 2 Mio. aktive Installationen) installieren, um alle defekten URLs zu überwachen und Weiterleitungen von einem Ort aus zu verwalten.
Eine benutzerdefinierte 404-Seite behandelt Fehler anmutig, aber die eigentliche Lösung für bekannte defekte Links ist eine 301-Weiterleitung. Verwenden Sie das Redirection-Plugin, um defekte URLs an die richtige Seite zu senden und sie aus Ihrer 404-Zählung zu entfernen. Ich überprüfe meinen 404-Bericht in der Google Search Console etwa einmal im Monat und leite alles weiter, was noch Traffic erhält.
Was sollte ich auf einer 404-Seite einfügen?
Eine gute benutzerdefinierte 404-Seite enthält eine klare, freundliche Fehlermeldung, Links zu Ihren nützlichsten Seiten (Startseite, Blog oder Produktkategorien) und ein Suchformular, damit Besucher finden können, wonach sie gesucht haben. Ihr Branding und Logo sollten sichtbar sein, damit sie wissen, dass sie sich immer noch auf Ihrer Website befinden.
Für geschäftliche Websites sollten Sie einen Lead-Magneten, eine CTA-Schaltfläche oder ein empfohlenes Produkt in Betracht ziehen. Ein wichtiger Unterschied zwischen 404 und Weiterleitung: Wenn sich der Inhalt dauerhaft verschoben hat, ist eine 301-Weiterleitung besser, als sich auf Ihre 404-Seite zu verlassen. Heben Sie die 404 für wirklich fehlende Seiten auf.
Schaden 404-Fehler meiner SEO?
Ein oder zwei 404-Fehler schaden Ihren Suchrankings nicht. Sie sind ein normaler Bestandteil des Betriebs einer Website. Aber eine hohe 404-Rate kann Ihr Crawl-Budget und Ihre Benutzererfahrung beeinträchtigen, was sich im Laufe der Zeit auf die Rankings auswirkt.
Wenn Suchmaschinen immer wieder auf fehlende Seiten stoßen, kann dies das Crawling und die Indizierung Ihrer guten Inhalte verlangsamen. Der beste Ansatz ist eine zweistufige Lösung: eine gut gestaltete benutzerdefinierte 404-Seite als Fallback und eine regelmäßige Überprüfung, um bekannte defekte Links weiterzuleiten, damit sie nicht mehr als 404 angezeigt werden.
Starten Sie mit Ihrer benutzerdefinierten 404-Seite
Eine benutzerdefinierte 404-Seite ist eines dieser Dinge, deren Einrichtung weniger als eine Stunde dauert und sich jedes Mal auszahlt, wenn jemand auf einen defekten Link auf Ihrer Website stößt. Sie haben gesehen, wie Sie eine mit SeedProd erstellen, wie Sie Lead-Generierungselemente hinzufügen und wie Sie die Fehler überwachen, die überhaupt zu 404s führen.
Der "generiert Leads"-Aspekt vom Anfang dieser Anleitung ist real, und jetzt haben Sie die Werkzeuge, um ihn umzusetzen. Starten Sie noch heute mit SeedProd und verwandeln Sie Ihre Seite nicht gefunden-Seite in etwas, das tatsächlich für Ihr Unternehmen funktioniert.
Bevor Sie gehen, genießen Sie vielleicht auch diese Anleitung zum Erstellen eines WordPress-Themes von Grund auf, ohne ein Child-Theme zu installieren.
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
