November 8, 2023
Was ist ein 404-Fehler und warum brauchst du eine 404-Fehlerseite auf deiner Website?
Die Technik funktioniert nie perfekt. Es kann immer Probleme geben, zum Beispiel abgelaufene oder defekte Links.
Eine 404-Fehlerseite zeigt den Besuchern deiner Website, dass sie alles richtig gemacht haben (z. B. die richtige Seite aufgerufen haben), aber der Webserver die angeforderte Seite nicht finden konnte. Eine 404-Fehlerseite ist also im Grunde eine Fehlerseite die du extra für solche Zwecke designt hast, sodass sie zum Stil deiner Website passt. Eine 404-Fehlerseite hilft deinen BesucherInnen auch, zu einem Teil deiner Website zurückzukehren, der einwandfrei funktioniert, anstatt deine Website komplett zu verlassen, wenn es einen 404-Fehler geben sollte.
Nicht funktionierende Links auf deiner Website finden
Normalerweise stöberst du nicht allzu oft durch deine eigene Website, sodass du defekte Links (die zu einer 404-Seite führen würden) direkt sehen würdest. Es gibt jedoch ein kostenloses Tool, mit dem du deine Website scannen und alle defekten Links finden kannst: Brokenlinkcheck. Gib einfach die URL deiner Website ein, und das Programm scannt alle deine Links und sagt dir, welche zu deiner 404-Fehlerseite führen könnten.
Wie du eine 404-Fehlerseite für Showit erstellst
Das Erstellen ist ziemlich einfach. Sie machst sie wie jede „normale“ Seite in Showit, indem du auf das + klickst, wo sich deine Seiten befinden:

Es gibt extrem fancy designte 404-Fehlerseiten! Falls du Inspiration benötigst, schau doch einfach mal, was Pinterest zu bieten hat.
404-Fehlerseite Best Practice
- Füge nur einen einzigen Canvas auf die 404-Fehlerseite und designe sie so, wie sie dir gefällt. Manche DesignerInnen lassen den Footer und Header komplett weg, andere fügen einen hinzu. Das hängt von dir ab. Ich selbst habe keine verwendet.
- Designe die mobile UND die Desktop-Version.
- Stelle sicher, dass rechts bei CANVAS der CANVAS TYPE auf “Window Hight” eingestellt ist (rot umrandet) – und das bei mobil und Desktop-Version.

3. Überlegen dir eine witzige Überschrift und fügen etwas Text hinzu. Du kannst dabei wirklich kreativ werden! Sieh dir eins dieser tollen Beispiele an, die ich auf Pinterest gefunden habe:

4. Füge eine Möglichkeit hinzu, die deine Website-BesucherInnen zurück zum funktionierenden Teil deiner Website bringt. Normalerweise ist das ein Butten, der zur HOME-Seite zurückführt. Vergiss nicht, den Button mit der richtigen Seite auf deiner Website zu verlinken. Du kannst auch einen Link zu deinen sozialen Medien oder zu deinem Blog einfügen oder den BesucherInnen mehrere Möglichkeiten geben, wohin sie gehen können.
5. Der letzte Punkt, den du bei der Gestaltung deiner 404-Fehlerseite berücksichtigen solltest, ist dein Blog. Wenn deine Website einen Blog hat, braucht auch dieser eine 404-Seite. Füge dazu einfach deine eben designte 404-Seite auch deinem Blog hinzu, indem Sie auf die drei Punkte neben der 404-Seite klicken und auf „Copy to Blog Template“ (rot umrandet) klickst:

Nun musst du die 404 Blog Seite noch korrekt verlinken, indem du rechts bei TEMPLATE INFOS bei WORDPRESS TEMPLATE “404” auswählst (rot umrandet):

Und das wars! Herzlichen Glückwunsch, du hast gerade eine 404-Fehlerseite zu deiner Website hinzugefügt! 🙂