Best of Best WordPress 404-Fehlerseitenentwürfe

Jeder einzelne Benutzer im Web ist während seiner gesamten Benutzererfahrung auf mindestens einer 404-Seite gelandet. Die Wahrheit ist, dass die Anzahl der Nutzer auf 404-Seiten deutlich höher ist als nur eine. Wenn ein Benutzer auf einer 404-Seite ankommt, verlässt er häufig Ihre Website und erhöht so die Absprungrate. Eine hohe Absprungrate kann sich negativ auf Ihre Website auswirken, indem Sie Ihre Einnahmen von Werbetreibenden und mehr reduzieren. Sie können die Absprungrate reduzieren und die Seitenaufrufe erhöhen, indem Sie einfach Ihre 404-Fehlerseite optimieren. In diesem Artikel werden wir die besten und besten WordPress 404-Fehlerseitenentwürfe hervorheben und Ihnen unsere Erkenntnisse zum Erstellen eines schönen und äußerst benutzerfreundlichen 404-Seitendesigns für Ihr WordPress geben.

Schaukasten für Inspiration

Bevor wir Ihnen zeigen, wie Sie Ihr eigenes 404-Seitendesign für WordPress entwerfen können, werden wir einige der besten 404-Fehlerseitendesigns hervorheben, die in WordPress als Inspiration verwendet werden. Die Kriterien, nach denen wir diese Designs ausgewählt haben, waren Kreativität und Benutzerfreundlichkeit. Einige Designs haben beide und einige haben nur einen Aspekt.

1. WPBeginner

2. Catalyst Studios

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonified

6. CSS-Tricks

7. Techkultura

8. Inspirationsbit

9. Catswhocode

10. Ba.pe

11. Schneiden und schmecken

12. CSS Remix

13. Ateaseweb

14. Koller Media

15. Erweiterungssendung

16. Funktion

17. Verzögerungszone

18. Kidmondo

19. Devlounge

20. Chris Jennings

Best Practices und Lektionen, die Sie daraus lernen sollten

In der obigen Vitrine haben Sie wahrscheinlich einige 404-Seiten gesehen, die sehr kreativ waren, während andere nur merkwürdig, aber einprägsam waren und einige einfach, aber elegant und benutzbar waren. Wenn Sie eine 404-Seite erstellen, müssen Sie alle drei Elemente kombinieren: Kreativität, Benutzerfreundlichkeit und die Fähigkeit, einen bleibenden Eindruck zu hinterlassen.

Bei der Erstellung unserer 404-Seite haben wir uns viele davon angesehen, um Inspiration zu erhalten und die besten Elemente daraus zu kombinieren. Wenn die Menschen auf der 404-Seite landen, sind sie meistens frustriert. Sie müssen ihnen dabei helfen, das zu finden, was sie erreichen wollen, aber auf möglichst kreative Weise.

Eine gute Struktur, der Sie folgen können, ist:

• Kreatives Bild
• Liste der beliebtesten Beiträge
• Liste der letzten Beiträge
• Liste der Archive
• Suchleiste
• Bieten Sie weitere Hilfe, indem Sie Kontaktmöglichkeiten angeben

Jetzt müssen Sie nicht alle haben, aber auf Ihrer 404-Seite sollten Sie sicherlich mehr als zwei dieser Optionen haben.

Bei der Analyse unserer 404-Seite sagen einige Leute, dass wir keine Suchleiste haben. Wir haben unsere Suchleiste in der Seitenleiste, es gibt also keinen Grund, sie zweimal anzuzeigen. Wir zeigen das Archiv nach Monat, nach Kategorie und die populären Tags. Natürlich ist das kreative Image so, dass alles freundlich und nicht langweilig wirkt.

Jetzt verstehen wir, dass nicht jeder ein großartiger Künstler ist und einige der obigen Illustrationen und Cartoons nicht auftauchen können. Sie können jedoch das Devlounge-Beispiel oder das Function-Beispiel oben sehen, um zu sehen, wie auch Einfachheit funktionieren kann. Devlounge hat eine sehr gut organisierte 404-Seite, kein Bild, nichts, aber es ist sehr organisiert und hilfreich. Funktion hat ein einfaches Symbol und andere Ressourcen, aber keine super Grafik.

Denken Sie beim Erstellen Ihrer eigenen 404-Seite daran.

So erstellen Sie eine 404-Seite in WordPress

In Ihrem WordPress-Designverzeichnis befindet sich eine Datei mit dem Namen 404.php, Wenn Sie diese Datei nicht haben, möchten Sie möglicherweise eine erstellen. Sie können beliebiges HTML in dieser Datei hinzufügen, um Ihre Anforderungen zu erfüllen. Es wird jedoch empfohlen, die Standardparameter zu verwenden, damit die Seite so aussieht, als wäre sie Teil des Designs.

Wickeln Sie nun das HTML-Styling darum. Wenn Sie möchten, können Sie Ihr sogar kopieren page.php Inhalt in 404.php Entfernen Sie einfach den Inhaltsbereich und fügen Sie Ihre benutzerdefinierten Tags hinzu.

Hier sind einige der Tags, die Sie verwenden können:

Archiv nach Monaten anzeigen:

Dieser Code zeigt Archiv nach Monaten an, listet jedoch alle Monate auf. Wenn Sie einen Blog haben, der drei Jahre alt ist, kann es zu einem Chaos werden. In diesem Tutorial erfahren Sie, wie Sie die Anzahl der angezeigten Monate begrenzen können.

Liste der Kategorien anzeigen

Dieser Code listet alle Kategorien in Ihrem Blog auf. Natürlich können Sie sie jedoch mit Listen-Tags oder anderen gestalten.

Zeigt die am häufigsten verwendeten Tags an

Auf dieser Seite werden die am häufigsten verwendeten Tags angezeigt.

Letzte Beiträge anzeigen

',''); ?>

Es gibt mehr Codes, die Sie verwenden können, Sie müssen lediglich die Dokumentation durchsuchen und finden. Wenn Sie eine spezifische Frage haben, können Sie uns jederzeit fragen.

Weitere Quellen:

Diese Listen enthalten viel mehr Beispiele. Wir haben nur die WordPress-Dateien vorgestellt.

404 Fehlerseiten wurden neu geladen

Weitere 404 Seiten

60 Kreative 404-Seitendesigns