Theme-Builder - 404 Fehlerseite

 Eine 404-Fehlerseite wird angezeigt, wenn ein Benutzer versucht, eine Seite auf einer Website aufzurufen, die nicht existiert. Dies kann passieren, wenn ein Link fehlerhaft ist, die Seite gelöscht wurde oder der Benutzer die URL falsch eingegeben hat. Standardmäßig zeigt ein Webserver eine generische Fehlermeldung wie „404 – Seite nicht gefunden“ an, was für Besucher oft frustrierend ist und die Benutzererfahrung negativ beeinflussen kann .

Warum ist eine 404-Fehlerseite wichtig?

Eine gut gestaltete 404-Seite kann mehr als nur eine Fehlermeldung sein. Sie bietet die Möglichkeit, Besucher auf der Website zu halten, sie zu unterhalten oder sie auf andere Inhalte zu lenken. Kreative und benutzerfreundliche 404-Seiten können sogar als Marketing-Tool genutzt werden, um die Marke zu stärken und die Besucherbindung zu erhöhen .

Anwendung von 404-Fehlerseiten

1. Benutzerführung: 
   Eine 404-Seite sollte den Benutzer klar darüber informieren, dass die gewünschte Seite nicht gefunden wurde, und ihm gleichzeitig Alternativen bieten, wie z. B. Links zur Startseite oder einer Suchfunktion.
2. Markenkommunikation: 
   Kreative Designs oder humorvolle Texte können die Persönlichkeit Ihrer Marke unterstreichen und den Frust der Benutzer minimieren.
3. SEO-Optimierung: 
   Eine gut gestaltete 404-Seite kann verhindern, dass Benutzer die Website sofort verlassen, was sich positiv auf die Absprungrate und damit auf das SEO-Ranking auswirkt.

Drei Beispiele für kreative 404-Fehlerseiten

1. Humorvolle Gestaltung: 
   Einige Websites nutzen humorvolle Texte oder witzige Animationen, um die Aufmerksamkeit der Besucher zu halten. Zum Beispiel könnte ein lustiger Spruch wie „Ups, wir haben uns wohl verlaufen!“ oder eine animierte Figur die Seite auflockern.
2. Interaktive Elemente: 
   Manche 404-Seiten bieten interaktive Spiele oder kleine Rätsel an, um die Besucher zu unterhalten. Dies kann die Verweildauer auf der Website erhöhen und die Nutzererfahrung verbessern.
3. Marken bezogene Designs: 
   Unternehmen können ihre 404-Seite so gestalten, dass sie perfekt zur Corporate Identity passt. Ein Beispiel wäre eine Seite, die das Logo oder die Farben der Marke kreativ integriert und gleichzeitig Links zu beliebten Inhalten bietet.

Fazit

Eine 404-Fehlerseite ist mehr als nur eine Fehlermeldung – sie ist eine Chance, die Benutzererfahrung zu verbessern, die Marke zu stärken und Besucher auf der Website zu halten. Mit kreativen Designs, klarer Benutzerführung und einer Prise Humor können Sie aus einem potenziellen Problem einen Vorteil machen!

404-Fehlerseite einrichten

Theme-Builder / Error 404 / Add New / 

Klicke auf das X ganz rechts oben

Container mit 2 Spalten erstellen

Container konfigurieren

Container bearbeiten / Layout / Container / Breite: 800 px

Container bearbeiten / Erweitert / Layout /
Innenabstand oben+unten jeweils 80px

Linke Spalte Überschrift

Überschrift bearbeiten / Inhalt / Überschrift /
Titel: UPS! Diese Seite gibt es leider nicht / HTML-Tag <h1>

Texteditor darunter einfügen

Texteditor bearbeiten / Inhalt / Texteditor / 
Die gewünschte Seite gibt es leider nicht. Aber wenn Sie schon mal hier sind: Vielleicht interessiert Sie mein Podcast?

Button darunter einfügen ZUM PODCAST

Button bearbeiten / Stil / Button

Rechte Spalte konfigurieren

Überschrift 404 einfügen als Text und sehr groß machen

Container für die Suchen-Funktion einfügen

Neuen Container einfügen, Breite 800px und Überschrift vom oberen Container einfügen. Hintergrund hellbeige

Suchformular einfügen

Widget- installieren:
Ultimate Addons for Elementor

 Einen Header oder Footer in der kostenlosen Elementor-Version kann nicht einfach erstellt werden. Hierzu benötigen Sie ein Widget.

Plugins / Neues Plugin hinzufügen / Widget-Namen: Ultimate Addons for Elementor

Jetzt installieren / Aktivieren

Header & Footer Builder aufrufen

Noch sind weder Footer noch Header angelegt

Typ des Templates

1. Neues Template hinzufügen:
   Klicken Sie auf Neu hinzufügen und wählen Sie Header aus der Dropdown-Liste.
2. Template benennen:
   Geben Sie Ihrem Header-Template einen Namen, z. B. „Header“.
3. Typ des Templates
   Hier können Sie zwischen verschiedenen Header-Layouts wählen, z. B.:
   • Standard Header:
     Ein einfacher Header mit Logo und Navigation.
   • Sticky Header:
     Ein Header, der beim Scrollen oben bleibt.
   • Transparent Header:
     Ein Header, der transparent ist und über den Inhalt gelegt wird.

Anzeigen auf

Wählen Sie aus, wo der Header angezeigt werden soll:

• Auf der gesamten Website:
  Der Header wird auf allen Seiten angezeigt.
• Nur auf bestimmten Seiten oder in bestimmten Beiträgen
  Wählen Sie spezifische Seiten oder Beiträge aus, auf denen der Header angezeigt werden soll.
• Kategorien oder Tags:
  Sie können den Header auch nur für bestimmte Kategorien oder Tags aktivieren.
• Nur auf einer bestimmten Seite
  Anzeige des Headers nur auf der Home-Seite

Sie können auch mehrere Seiten festlegen, auf denen der Header oder Footer gezeigt werden soll.

Benutzerrollen

Layout für das Elementor-Canvas-Template aktivieren?

In Elementor: Canvas-Template aktivieren: 
Wenn Sie ein Canvas-Template verwenden möchten, um einen Header ohne Ablenkungen zu erstellen, aktivieren Sie diese Option.  Wählen Sie im Layout-Bereich die Option Elementor Canvas aus. Dies entfernt alle anderen Elemente und gibt Ihnen eine leere Seite, um Ihren Header zu gestalten.

Auf der leeren Seite fügen Sie Ihre gewünschten Elemente hinzu, wie Logo, Navigation und andere Widgets, um den Header nach Ihren Vorstellungen zu gestalten.

Menü für den Header anlegen

Design / Menüs / Erstelle ein neues Menü /
Name: Main Menu / Position im Theme: Primäres Menü

Menü erstellen

Menüeinträge hinzufügen

Design / Menüs / Main Menu / Seiten - Zum Menü hinzufügen

Menü speichern

Menü wurde angelegt

Header anlegen 

Eine leere Canvas-Seite wird angezeigt, in die wir dann den Header integrieren.
Envato Elements Vorlagen (siehe OceanWP ) sind installiert.

Reiter: Freie Blöcke

Kostenlosen Blockbereich Header wählen

Header Block mit Navigation auswählen

Insert Template

Header-Block wurde eingefügt

Block in Container umwandeln

Die Vorlage besteht noch aus einem Abschnitt, dem früheren Elementor Design. Heute arbeitet Elementor nur noch mit Containern, daher diesen Abschnitt in einen Container umwandeln und danach den Abschnitt löschen.

den oberen Bereich löschen

Anzeige für PRO und auch Logo löschen

Envato-Widget Website-Logo links nach oben hinziehen

Logo verwenden, das im Customizer ausgewählt wurde.

Navigationsmenü-Widget in die Mitte ziehen

Header Builder - Header dort angezeigt