Wenn Sie schon einmal auf einer 404-Seite gelandet sind, wissen Sie, wie frustrierend das sein kann. Früher dachte ich, das seien nur Sackgassen, aber jetzt nutze ich sie, um die Leute auf meiner Website zu halten und sie zu etwas Nützlichem zurück zu führen.
In diesem Leitfaden zeige ich Ihnen, wie Sie eine 404-Seite in WordPress erstellen, die nicht nur funktional, sondern auch hilfreich ist. Sie erfahren, wie Sie eine Seite entwerfen, die zu Ihrer Marke passt, Menschen in die richtige Richtung führt und Ihnen sogar helfen kann, Leads zu sammeln.
- Was ist eine 404-Fehlerseite?
- Was sind die Vorteile einer benutzerdefinierten 404-Seite in WordPress?
- Wie man eine 404-Seite in WordPress erstellt
- Wie Sie Ihre WordPress 404-Seite in einen Lead-Magneten verwandeln können
Was ist eine 404-Fehlerseite?
Eine 404-Fehlerseite wird im Allgemeinen angezeigt, wenn Website-Besucher nach Informationen suchen, die entweder gelöscht, entfernt oder auf eine andere URL verschoben wurden. Der Begriff 404-Fehler stammt vom HTTP-Statuscode 404, den Ihr Webserver zurückgibt, wenn die angeforderte Webseite nicht gefunden wurde.
Aber es gibt noch andere Gründe, warum Besucher eine 404-Seite nicht gefunden bekommen.
Ihre Website kann diesen Fehler auch anzeigen, wenn:
- Die Verbindung des Benutzers ist unterbrochen
- Der gesuchte Domainname existiert nicht mehr
- Ein Benutzer gibt die falsche URL ein
Vielleicht möchten Sie auch den Permalink (Slug) einer Webseite ändern. Aber danach vergessen Sie vielleicht, die Seite richtig umzuleiten. In diesem Fall werden die Benutzer wahrscheinlich einen Fehler 404 nicht gefunden sehen, weil der Link nicht funktioniert.
Was sind die Vorteile einer benutzerdefinierten 404-Seite in WordPress?
Sind Sie schon einmal auf einer 404-Seite gelandet? Wenn ja, wissen Sie, wie frustrierend es ist, eine zu sehen.
Dasselbe passiert Ihren Besuchern, wenn sie auf Ihre Website kommen und nach bestimmten Informationen suchen, aber auf einer 404-Seite landen. Das kann sie verärgern und sie dazu bringen, Ihre Website schnell zu verlassen und möglicherweise nie wiederzukommen.
Außerdem kann sie folgende Auswirkungen auf Ihr Unternehmen haben:
- Absprungrate erhöhen: Aus Berichten geht hervor, dass Websites mit einer niedrigeren Absprungrate in Suchmaschinen besser abschneiden. Wenn also Besucher Ihre Website aufgrund von häufigen 404-Fehlern verlassen, kann sich die daraus resultierende hohe Absprungrate auf Ihre Suchmaschinenoptimierung auswirken.
- Langsameres Wachstum: Sie könnten einen potenziellen Kunden verlieren, der auf Ihrer Website gelandet ist, um einen Kauf zu tätigen. Der Verlust potenzieller Kunden bedeutet weniger Konversionen, was wiederum ein langsames Wachstum bedeutet.
- Schlechtes Markenimage: Wenn Sie Ihren Besuchern ein schlechtes Nutzererlebnis bieten, beeinträchtigen Sie Ihr Markenimage. Wenn das passiert, werden die Leute aufhören, Ihrer Marke zu vertrauen und nicht mehr bei Ihnen kaufen. Wenn das passiert, kann es schwierig sein, Ihren Ruf wiederherzustellen.
Wenn die Nutzer eine gute Erfahrung mit Ihrer Website gemacht haben, werden sie in der Regel wiederkommen wollen. Aber eine 404-Fehlerseite bietet nicht immer das beste Nutzererlebnis.
Glücklicherweise können Sie den Verlust von Leads und potenziellen Kunden vermeiden, indem Sie eine 404-Fehlerseite entwerfen, die Besuchern hilft, die benötigten Informationen zu finden. Dies ist eine hervorragende Möglichkeit, Besucher zu binden, die Absprungrate zu senken und den Ruf Ihrer Marke zu wahren.
Aber wie macht man das? Wir zeigen es Ihnen im nächsten Abschnitt.
Wie man eine 404-Seite in WordPress erstellt
Die Anpassung Ihrer WordPress 404-Seite ist einfacher als Sie denken. Es gibt verschiedene Methoden, um ein benutzerdefiniertes 404-Seiten-Design zu erstellen, einschließlich der Bearbeitung der Datei 404.php Ihrer Website oder der Verwendung eines WordPress 404-Seiten-Plugins.
Für die meisten Website-Besitzer ist ein WordPress-Plugin der einfachste und effektivste Weg, ihre 404-Seite anzupassen, da es keine Bearbeitung der WordPress-Theme-Dateien erfordert.
Das Plugin, das wir für diesen Leitfaden verwenden, ist SeedProd, der beste WordPress Website- und Landing Page-Builder.
Mit diesem Plugin können Sie eine benutzerdefinierte 404-Seite mit einer Nachricht, einem Bild und einer CTA gestalten, um Besucher zum Verbleib auf Ihrer Website zu bewegen.
SeedProd enthält auch erweiterte Funktionen wie:
- Drag-and-Drop-Seitenerstellung
- Benutzerfreundlicher Theme Builder
- Lead-erzeugende Gestaltungselemente
- Vorgefertigte Landing Page-Vorlagen
- Website-Kits mit Seitenleiste, Kopfzeile, Fußzeile und beliebten Seitenvorlagen.
- WooCommerce Theme-Editor und Widgets
In diesem Sinne können Sie die folgenden Schritte befolgen, um eine benutzerdefinierte 404-Seite mit SeedProd zu erstellen, ohne Code oder CSS.
Schritt 1. Installieren und Aktivieren von SeedProd
Zuerst müssen Sie auf die SeedProd-Website gehen und das Plugin herunterladen. Obwohl es eine kostenlose Version von SeedProd gibt, werden wir das Premium-Plugin verwenden, weil Sie damit die in Ihrem Theme integrierte 404-Vorlage ersetzen können.
Wenn Sie dabei Hilfe benötigen, können Sie unsere Dokumentation zur Installation und Aktivierung von SeedProd einsehen. Sie enthält alles, was Sie brauchen, einschließlich der Installation des Plugins und der Aktivierung Ihres Lizenzschlüssels.
Schritt 2. Wählen Sie eine 404-Seitenvorlage
Sobald 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 eine Vorschau eines Entwurfs anzuzeigen, oder auf das Häkchensymbol, um eine bestimmte Vorlage auszuwählen.
Wir verwenden die 404-Seiten-Vorlage "Fist Bump", aber Sie können jedes beliebige Design wä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, mit dem Sie Ihre 404-Seite individuell gestalten können.
Auf der linken Seite sehen Sie Blöcke und Abschnitte, die Sie zu Ihrem Entwurf hinzufügen können. Und auf der rechten Seite sehen Sie 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, markieren Sie den Block in Ihrem Layout und nehmen Sie Änderungen in den Einstellungen auf der linken Seite vor.
Um neue Blöcke zu Ihrem Design hinzuzufügen, suchen Sie den Block im linken Menü und ziehen Sie ihn auf Ihre Seite. Von dort aus können Sie den Block mit dem oben beschriebenen Verfahren anpassen.
Wenn Besucher auf Ihrer 404-Seite landen, brauchen sie vielleicht Hilfe, um zu verstehen, wie sie dorthin gekommen sind und was sie als nächstes tun sollen. Aus diesem Grund ist es eine gute Idee, einen Text hinzuzufügen, der erklärt, dass das Gesuchte nicht gefunden werden kann, und der verschiedene Maßnahmen vorschlägt, die als nächstes zu ergreifen sind.
Da unsere Vorlage bereits über einen Überschriften- und einen Textblock verfügt, können wir diese anklicken, um den Inhalt mit unserer benutzerdefinierten Nachricht zu aktualisieren.
In der folgenden Abbildung haben wir zum Beispiel eine Nachricht hinzugefügt, die vorschlägt, den Blog zu besuchen oder das Suchfeld zu verwenden, um etwas Bestimmtes zu finden.
Schauen wir uns nun an, wie Sie diese 2 Funktionen zu Ihrer 404-Seite hinzufügen können, beginnend mit einer Schaltfläche zum Besuch des Blogs.
Suchen Sie zunächst den Spaltenblock im linken Bedienfeld und ziehen Sie ihn auf Ihr Layout.
Wählen Sie dort die Option "2-Spalten-Layout". Hier werden Sie neue Elemente nebeneinander auf der Seite platzieren, in unserem Fall eine Schaltfläche und eine Suchleiste.
Jetzt können Sie den Block Schaltfläche in Ihre erste Spalte ziehen. In den Blockeinstellungen können Sie den Text der Schaltfläche ändern und die URL für Ihre Blogseite hinzufügen.
Klicken Sie anschließend auf die Registerkarte Erweitert, um weitere Einstellungen zu ändern, z. B. die Farbe, den Stil und den Abstand der Schaltflächen.
Um ein Suchfeld in der zweiten Spalte hinzuzufügen, suchen Sie nach dem Block " Suchformular" und folgen Sie demselben Verfahren wie zuvor.
Sie können sogar die Hintergrundfarbe der Zeile ändern, um Ihre Aktionen hervorzuheben.
Hier sind einige weitere Möglichkeiten, den Inhalt Ihrer 404-Seite zu verbessern:
- Verwenden Sie MonsterInsights und den Shortcode-Block von SeedProd, um beliebte Beiträge automatisch auf Ihrer 404-Seite anzuzeigen.
- Anzeige beliebter WooCommerce-Produkte zur Steigerung der eCommerce-Verkäufe
- Verwenden Sie den Kontakt-Formular-Block, um Feedback von 404-Seiten-Besuchern zu sammeln
Wenn Sie mit dem Aussehen Ihrer neuen Seite zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke und wählen Sie in der Dropdown-Liste die Option Als Vorlage speichern aus.
Sie können nun Ihrer benutzerdefinierten 404-Seitenvorlage einen Namen geben, auf die Schaltfläche Vorlage speichern klicken und zum Editor zurückkehren.
Schritt 4. Aktivieren Sie Ihre WordPress 404 Seite.
Wenn Sie Ihr individuelles 404-Seitendesign erstellt haben, können Sie im Editor auf das "X"-Symbol klicken, um zu Ihrem WordPress-Verwaltungsdashboard zurückzukehren. Wenn Sie das tun, wird ein Popup-Fenster angezeigt, in dem Sie gefragt werden, ob Sie die Seite sofort aktivieren möchten.
Klicken Sie nun auf die Schaltfläche Ja, Aktivieren.
Nachdem Sie auf diese Schaltfläche geklickt haben, kehren Sie zum Dashboard der Landing Page zurück und sehen, dass der 404-Seitenmodus aktiv ist.
Wenn Sie Ihre benutzerdefinierte 404-Seite wieder deaktivieren möchten, schalten Sie den Schalter einfach in die inaktive Position.
Hier ist ein letzter Blick auf unser individuelles WordPress 404-Seiten-Design:
Das Wichtigste zum Mitnehmen: Sie können eine 404-Seite in WordPress erstellen, ohne den Code anzufassen, indem Sie den Drag-and-Drop-Builder von SeedProd und eine der vorgefertigten Vorlagen verwenden.
| Werkzeug: SeedProd |
| Anwendungsfall: Erstellen einer benutzerdefinierten 404-Seite in WordPress |
| Kein Code erforderlich: Ja |
| Visueller Editor: Drag-and-Drop-Builder |
| Am besten geeignet für: Website-Besitzer, die verhindern möchten, dass Besucher nach einem 404-Fehler abspringen |
Wie Sie Ihre WordPress 404-Seite in einen Lead-Magneten verwandeln können
Die meisten Unternehmen verwenden ihre 404-Fehlerseite, um Besuchern mitzuteilen, dass die gesuchte Seite nicht gefunden werden kann. Wie wir bereits besprochen haben, können 404-Seiten, die nur das tun, langweilig und unproduktiv sein.
Stattdessen ist es besser, die Seite für die Lead-Generierung zu optimieren.
Auf diese Weise verlieren Sie keine potenziellen Kunden, sondern können sie zum Handeln und zur Konvertierung bewegen. Dafür brauchen Sie allerdings eine optisch ansprechende Seite.
Beginnen Sie damit, die richtigen Farben und Elemente zu verwenden, damit die Seite auffällt. Außerdem müssen Sie sie optimieren, um Leads zu generieren und die Konversionsrate zu erhöhen.
Dazu gibt es mehrere Möglichkeiten, von denen wir uns die effektivste ansehen wollen:
1. Ihr Produkt anzeigen
Eine der effektivsten Methoden, um mit Ihrer 404-Fehlerseite mehr Leads zu generieren, besteht darin, Ihre Produkte zu präsentieren. Anstatt Ihren Besuchern mitzuteilen, dass die Seite, nach der sie suchen, nicht existiert, nutzen Sie sie, um ihnen mehr Informationen über Ihre Produkte zu geben.
Fügen Sie einige hochwertige und professionell aussehende Bilder Ihrer Produkte hinzu und verlinken Sie sie.
Steve Madden nutzt diese Technik, um seine 404-Fehlerseite in ein Design zu verwandeln, das die Konversionsrate aktiv erhöht.
Mit dieser Technik können Sie Besucher dazu ermutigen, Ihre Website genauer zu erkunden, auch wenn sie nicht genau das finden, was sie brauchen.
2. Schlüsselwörter verwenden
Eine weitere effektive Möglichkeit, über Ihre 404-Seite Leads zu generieren, ist die Verwendung gezielter Schlüsselwörter. Die besten Leads für jedes Unternehmen kommen aus der organischen Suche, und Sie können nur dann guten organischen Traffic erhalten, wenn Sie Ihr Suchranking verbessern.
Das Hinzufügen relevanter Schlüsselwörter zu Ihrer 404-Fehlerseite kann Ihre SEO-Rankings verbessern.
Schauen wir uns ein Beispiel an, das Ihnen helfen soll, dies effektiver zu tun.
Nehmen wir an, Sie haben ein Content-Marketing-Unternehmen. In diesem Fall können Sie auf Ihrer 404-Fehlerseite etwas wie dieses schreiben:
Sie möchten Lead-generierende Inhalte für Ihr Unternehmen erstellen? Hier erfahren Sie, wie wir Ihnen dabei helfen können.
Fügen Sie nun einen Link zu Ihrer Homepage oder einer aussagekräftigen Landing Page hinzu, damit die Besucher bekommen, was Sie versprochen haben.
Anstatt Ihre Website zu verlassen, können die Besucher nun Ihre Website erkunden, um Ihre Dienstleistungen kennenzulernen. Und wenn es ihnen gefällt, konvertieren sie vielleicht.
3. Informationen über Ihr Unternehmen hinzufügen
Eine weitere brillante Möglichkeit, Ihre 404-Seite umzugestalten, ist das Hinzufügen Ihrer Geschäftsinformationen.
Ihre Besucher könnten auf einer 404-Fehlermeldung landen, aber Sie wollen sie nicht mit einer enttäuschenden Nachricht verlieren. Das Hinzufügen von Informationen über Ihr Unternehmen ist eine hervorragende Möglichkeit, ihr Interesse wieder zu wecken und sie erneut anzusprechen.
Die Modemarke Myntra nutzt diese Technik auf wunderbare Weise:
Sie zeigt nicht nur die Fehlermeldung an, sondern hilft den Nutzern auch, verschiedene Bereiche der Website zu erkunden. Als Besucher können Sie in der Menüleiste die Kollektion in bestimmten Kategorien ansehen, Ihr Profil besuchen, Ihre Wunschliste einsehen, in Ihren Warenkorb gehen oder sogar nach Produkten suchen.
Noch besser ist, dass auf der rechten Seite des Bildschirms eine Rabattleiste angezeigt wird. Anstatt in einer Sackgasse zu landen, können die Besucher die Kollektion ansehen und Produkte mit einem großen Rabatt kaufen.
4. Relevante CTA-Schaltflächen hinzufügen
Das Hinzufügen relevanter Call-to-Action-Schaltflächen (CTA) auf Ihrer 404-Seite ist eine intelligente Methode, um Kunden aufzufordern, sich zu melden und ihre Probleme zu lösen.
Dies kann eine Schaltfläche für den Kundensupport, ein Kontaktformular, eine Schaltfläche für Anfragen, eine Schaltfläche für Anrufe oder etwas anderes sein, das Sie für hilfreich halten. Ihre Besucher können diese Schaltflächen ganz einfach verwenden, um eine Beschwerde vorzubringen, einen kurzen Anruf zu tätigen, Fragen zu stellen, Ihnen auf sozialen Medien zu folgen oder irgendetwas zu tun, um die Situation weniger frustrierend zu machen.
5. Exit Intent Popups hinzufügen
Popup-Fenster mit der Absicht, die Website zu verlassen, sind eine weitere wirksame Methode, um zu verhindern, dass Besucher eine schlechte Erfahrung auf Ihrer Website machen. Entwerfen Sie ein Exit-Popup, das auf dem Bildschirm Ihres Besuchers erscheint, kurz bevor er die Seite verlässt.
Verwenden Sie es, um Rabattcodes anzuzeigen, Preise anzubieten, neue Produkte anzukündigen und vieles mehr. So können Sie Besucher davon überzeugen, dass es eine gute Idee ist, Ihre Website in Zukunft wieder zu besuchen.
Menschen lieben Rabatte und Angebote. Wenn Sie diese also in Exit-Popups anzeigen, können Sie Besucher wieder ansprechen, solide Leads generieren und Ihren Umsatz steigern.
6. Machen Sie es interessant
Auf einer 404-Fehlerseite zu landen, ist schon sehr frustrierend. Noch ärgerlicher ist es, wenn die Seite langweilig ist.
Verwandeln Sie stattdessen die Erfahrung in etwas, das mehr Spaß macht und aufregend ist. Versuchen Sie es zum Beispiel mit Humor, um die Botschaft einprägsamer zu machen und Ihre Besucher zum Lächeln zu bringen.
Eine weitere Möglichkeit, Ihre 404-Seite unterhaltsam zu gestalten, ist ein On-Screen-Spiel. Das ist ein cleverer Weg, um die Aufmerksamkeit der Nutzer zu wecken und sie länger auf Ihrer Website zu halten.
Das Wichtigste zum Schluss: Eine gut gestaltete 404-Seite kann dazu beitragen, die Absprungrate zu senken und sogar Ihre E-Mail-Liste oder Ihren Umsatz zu steigern, indem sie Links, CTAs und intelligente Inhalte statt einer Sackgasse anbietet.
Welche Arten von 404-Seiten können Sie erstellen?
Nicht alle 404-Seiten sind gleich. Sie können Ihre Seite so gestalten, wie es für Ihre Website und Ihr Publikum am sinnvollsten ist.
- Hilfreich: Fügen Sie Links zu Ihrer Homepage, Ihrem Blog oder einer Suchleiste hinzu, um den Besuchern zu helfen, das zu finden, was sie brauchen.
- Kreativ oder lustig: Verwenden Sie Humor, Animationen oder Illustrationen, um die Seite einprägsamer zu machen.
- Marken- oder produktorientiert: Zeigen Sie Ihren Stil und fügen Sie Links zu vorgestellten Produkten oder beliebten Inhalten ein.
- SEO-optimiert: Verwenden Sie Schlüsselwörter, starke CTAs und Lead-Capture-Formulare, um verlorene Besucher in Abonnenten oder Kunden zu verwandeln.
Wirken sich 404-Seiten auf SEO aus?
Ein oder zwei 404-Fehler schaden Ihren Suchergebnissen nicht - sie sind ein normaler Bestandteil des Betriebs einer Website. Aber zu viele fehlerhafte Links können zu einer schlechten Nutzererfahrung führen, und das kann sich mit der Zeit auf Ihre Suchmaschinenoptimierung auswirken.
Wenn Suchmaschinen immer wieder auf fehlende Seiten stoßen, kann dies das Crawling und die Indexierung verlangsamen. Außerdem könnten die Nutzer Ihre Website schnell wieder verlassen, was Ihre Absprungrate erhöht.
Um den Überblick zu behalten, verwende ich ein Plugin wie Broken Link Checker, um meine Website zu überwachen und eventuelle Probleme schnell zu beheben.
Sie sind dran
Eine benutzerdefinierte 404-Seite ist ein wesentliches Element für jede Website.
Sie bietet nicht nur eine bessere Benutzererfahrung, sondern kann auch dazu beitragen, Leads für Ihr Unternehmen zu generieren. Wenn Sie die Tipps und Anleitungen in diesem Artikel befolgen, können Sie lernen, wie Sie eine 404-Seite erstellen, die Besucher dazu ermutigt, auf Ihrer Website zu bleiben und etwas zu unternehmen.
Warum sollten Sie sich also mit einer allgemeinen 404-Fehlermeldung zufrieden geben, wenn Sie eine benutzerdefinierte Seite erstellen können, die für Sie funktioniert?
Wir hoffen, dass Sie diesen Leitfaden hilfreich fanden. Bevor Sie gehen, könnte Ihnen auch diese Anleitung zur Erstellung eines WordPress-Themes von Grund auf gefallen, ohne ein Child-Theme zu installieren.
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
