Smarte Weblösungen für bessere Sichtbarkeit & Performance.

WordPress: So personalisierst du deine 404-Seite für bessere Nutzerbindung

WordPress-Wiki

Personalisierung deiner 404-Fehlerseite

Eine 404-Seite, auch bekannt als Fehlerseite oder Seite nicht gefunden, wird angezeigt, wenn ein Nutzer versucht, eine nicht existierende Seite auf deiner Website zu erreichen. Eine unattraktive oder wenig ansprechende 404-Seite führt oft dazu, dass Besucher deine Seite sofort verlassen, was die Absprungrate erhöht und sich negativ auf dein SEO-Ranking auswirkt. Es ist daher entscheidend, eine benutzerdefinierte 404-Seite zu erstellen, die die Aufmerksamkeit der Besucher auf sich zieht und sie dazu anregt, weiter auf deiner Website zu stöbern.

Anpassung der 404-Vorlage

Um deine 404-Vorlage in WordPress zu personalisieren, navigiere zum Site Editor, öffne die Vorlagen und wähle die Seite 404 aus. Jeder WordPress-Theme hat eine andere Struktur für diese Seite, aber die grundlegenden Schritte zur Anpassung sind ähnlich.

Beginne damit, den Header beizubehalten, aber lösche die Gruppen- und Footer-Blöcke. Füge dann einen Cover-Block hinzu und wähle ein Bild aus deiner Mediathek aus. Erstelle einen Spalten-Block mit zwei gleich großen Spalten. In die linke Spalte kannst du einen Text wie „Keep calm and check your oxygen levels“ einfügen und die Textgröße auf extra groß ändern. Darunter füge einen Buttons-Block oder eine Call-to-Action-Schaltfläche ein, die die Besucher auf deine Startseite führt. Vergiss nicht, den Link zur Startseite hinzuzufügen und den Text fett zu formatieren. Ändere die Hintergrundfarbe des Buttons-Blocks auf weiß und die Textfarbe auf schwarz, und wähle eine mittlere Größe für den Block.

Wähle anschließend den Cover-Block aus und stelle ihn auf volle Höhe ein. Positioniere den Text unten links und füge über die Stileinstellungen etwas Polsterung um den Inhalt des Blocks hinzu. Reduziere die Überlagerungsopazität des Cover-Blocks auf 30 %, um ihn etwas heller zu machen. Um die mobile Ansicht zu optimieren, ändere den Fokuspunkt des Bildes. Speichere die Änderungen und überprüfe die Anpassungen sowohl auf dem Desktop als auch auf mobilen Geräten.

Hinzufügen eines 404-Musters

Eine weitere Möglichkeit zur Personalisierung deiner 404-Vorlage ist die Verwendung eines Musters. Lösche dazu den Header, den Gruppen-Block und den Footer, um mit einer leeren Seite zu beginnen. Besuche die WordPress.org-Website und die Musterbibliothek, um nach 404-Mustern zu suchen. Kopiere das gewünschte Muster und füge es in deine Vorlage ein. Passe es nach deinen Bedürfnissen an, indem du beispielsweise einen Link zur Startseite oder eine Call-to-Action-Schaltfläche hinzufügst. Ergänze einen Footer mit einer Suchleiste und Links zu deinen Social-Media-Plattformen, um die Benutzerfreundlichkeit zu erhöhen.

Viel Erfolg beim Erstellen einer ansprechenden und kreativen 404-Seite, die deine Besucher dazu einlädt, weiter auf deiner Website zu verweilen.

Lass uns gemeinsam starten

Kontaktiere mich gerne jederzeit per Mail oder Telefon.

Kontakt:

Meine Öffnungszeiten:
Mo. – Fr. 9:00 – 18:00 Uhr

Sie erreichen uns per Telefon unter : +49 160 / 99177398

Oder vereinbaren Sie einen Termin mit uns.

TGS-Media UG haftungsbeschränkt
Halberstädter Str. 99
33106 Paderborn

Kontaktformular

Möchtest Du gerne Kontakt über das Kontaktformular aufnehmen, dann geht es hier zum Formular