Es ist gute Praxis, HTTP-Fehler-Statuscodes abzufangen und eine
eigene Fehlerseite auszugeben, in der der Besucher geführt wird. Die Rubrik
Tests - Fehlerseiten enthält Varianten der Implementierung eigener Fehlerseiten, mit ihren Vor- und Nachteilen.
Hier wird der vollständige Code und Text einer Fehlerseite für Statuscode 404 vorgestellt. Code und Text können auch für Fehlerseiten für andere Statuscodes (z. B. 410) angewandt werden. Wichtig: alle Pfade sind
absolute Pfade (siehe Testergebnisse).
Bauanleitung:
Zuerst wird eine
Weblica-Detailseite ohne linke und rechte Spalte angelegt. Ort: beliebig.
Seitentitel "Fehler - Erreur - Error 404", Option Seitentitel: nicht anzeigen (folgt unten)
Dateinamenvorgabe für Weblica-Generator: error404.html
In den Seiteneigenschaften in Rubrik Layout "linke Spalte anzeigen" und "rechte Spalte anzeigen" abklicken.
HTML-Code in Seiteneigenschaften:
<meta name="robots" content="noindex, nofollow">
<link rel="shortcut icon" href="http://www.domainname.tld/favicon.ico" type="image/x-icon" />
<link href="http://www.domainname.tld/center.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://www.domainname.tld/print.css" rel="stylesheet" type="text/css" media="print" />
<style type="text/css">
h1 { text-align: center; }
#breadcrumb, #search, #shortcuts, #headerBar,
#mainNavigation, #siteId, #minorNavigation
{ display: none; }
#siteContainer
{ background: none; }
body { margin-top: -44px;
background-color: #F5F5F5; }
</style>
Hier werden absolute Pfade für das Favicon und die Stylesheets definiert und die Hauptelemente (breadcrumb, shortcuts, Navigation usw.) unterdrückt. Den Seitenhintergrund (
background-color
) kann man gestalten, wie man mag. Bei Angabe eines Bildes ist ein absoluter Pfad auf das Bild vorzugeben.
Nicht vergessen: in den Seiteneigenschaften die Übernahme des HTML-Codes im HTML-Head von den übergeordneten Seiten abklicken.
Weitere
Erläuterungen unten im Abschnitt
Anpassungen bei Verwendung.
Alternative:
Statt
#headerBar
kann man auch den Header
#header
vollständig unterdrücken. Dann muss der obere Aussenabstand des
body
auf
margin-top: 80px;
gesetzt werden.
Anschliessend werden
sieben Absätze erstellt:
Absatztext:
Das angeforderte Dokument wurde auf unserem Server nicht gefunden.
Le document demandé n'a pas été trouvé sur notre serveur.
The requested document was not found on our server.
Absatztext:
Bitte verwenden Sie folgende Adresse, um zur Startseite zu gelangen:
Veuillez utiliser l'adresse ci-dessous pour aller à la page d'accueil:
Please use this address to go to the start page:
Link auf Startseite
optional, für eingebettete Weblica-Suchfunktion
Absatztext:
Oder benutzen Sie die Suchfunktion:
Ou utilisez notre moteur de recherche:
Or use our search function:
Anmerkung zur Frage, ob es denn zulässig sei, ein
style
Element nicht im Head der Seite, sondern in einem HTML-Absatz zu definieren:
Um W3C-standardkonform zu sein, muss ein
style
-Element in Head und nicht im Body definiert werden. Warum werden dann hier
style
Elemente in einem Seitenabsatz vom Typ HTML definiert? Ist die Fehlerseite dann noch standardkonform? Ja, sie ist standardkonform - siehe dazu
Merkmale der Einbauorte für Codeschnipsel.
- Domainname anpassen
- Namen der div-Ids der Hauptelemente der Seite anpassen - je nach Weblica-Design-Layout, siehe z. B. Namen der Id-Selektoren für die Navigationsmenüs in Weblica (hier werden die Namen des Weblica-Design-Layouts Silver verwendet)
- Farbe(n) des Seitenhintergrunds anpassen (hier: Farbverlauf)
- Kopfbild und Kopfbildbezeichnung und ggf. Gadgetbild anpassen
- Kopfbildbreite und -höhe anpassen (je nach Design und Kopfbild)
- Name der Suchseite anpassen
- Name des Pfads auf Design-Bilder anpassen
- in .htaccess einfügen: ErrorDocument 404 /error404.html wenn Fehlerseite auf der Ebene der Startseite steht, andernfalls Pfad angeben; wenn die Seite anders heisst: zutreffenden Namen eingeben
- alle Texte können natürlich auch individuell gestaltet werden ...
wichtig:
- alle Pfade sind absolute Pfade (sonst ist die korrekte Seitenformatierung nicht gewährleistet)
Anpassungen HTML-Code in den Seiteneigenschaften für Design Argon
#breadcrumb, #search, #shortcuts, #headerPic, #header, #siteId, .divContainer,
#mainNavigation, #mainNav, #horizontalNav, #bottomNav,
#minorNavigation, #subNav, verticalNav, #leftContent
{ display: none; }
#centerContent { margin-left:0; }
Ausserdem: Pfad auf Suchlupe im 7. Seitenabsatz anpassen:
<input class="searchButton4x" type="image" alt="Suche" src="http://www.domainname.tld/_pics/ch.weblica.design.argon/lupe/lupe.png" />
zurück | nach oben
Seit Weblica Version 3 kann man
Seiten exportieren und importieren. Wir haben die beiden Fehlerseiten für HTTP-Statuscode 404 und 410 aus der BaBox exportiert und importieren sie nach und nach in andere Weblica-Projekte
. Der Anpassungsaufwand ist bei diesem Verfahren minimal (er dauert nur wenige Minuten).
Wenn man den Domainnamen (die URL der Site) über ein Weblica-Feld einfügt, wird der Anpassungsaufwand noch kleiner. Wir haben deshalb "
www.domainname.tld
" im Code durch das Weblica-Feld
$(ZZSiteURL)
ersetzt. Dieses Feld enthält die URL der Startseite, für die BaBox also
www.babox.ch
. Dieses Feld wird in allen Websites (Weblica-Projekten), in welchen die Fehlerseiten importiert werden, ebenfalls angelegt.
Wer will, kann die beiden exportieren Fehlerseiten zusammen mit einer kurzen Einbau-Anleitung mit dem folgenden Link
herunterladen:
Weblica Fehlerseiten Version 3.5.zip für Weblica Version
3.5.x
Weblica-Fehlerseiten-Version 3.6.zip für Weblica Versionen
3.6.x und
3.7.x
Bitte beachten: Version 3.5/3.5.1 kann nicht in Weblica 3.6 / 3.7 importiert werden.
Vorschau auf die exportierten Fehlerseiten (Links öffnen in neuem Tab oder Fenster):
neutralisierte Fehlerseite 404, Import-Version
neutralisierte Fehlerseite 410, Import-Version
Hier mehr zum Thema
Weblica-Seiten exportieren und importieren.
In der BaBox sehen die beiden Fehlerseiten so aus (beide Links öffnen in neuem Tab oder Fenster):
Fehler - Erreur - Error 404
Fehler 410: Seite wurde gelöscht
zurück | nach oben