Der Webdesign, SEO und Digitale Medien Blog von cb-webstyles


Individuelle, g├╝ltige Fehlerseiten (Fehlercode Seiten) erstellen mit .htaccess Datei

Ich m├Âchte euch hier kurz erkl├Ąren wie ihr individuelle, g├╝ltige Fehlerseiten f├╝r eure Website erstellt. Individuell bedeutet, dass die Fehlerseite in eurem eigenen HTML Design dargestellt wird, euren pers├Ânlichen Text enth├Ąlt und somit sehr nutzerfreundlich wird. G├╝ltig wird die Fehlerseite, wenn google die Seite “anerkennt” und identifizieren kann.

Wieso sind Fehlerseiten wichtig?

Fehlerseiten geben dem User zu erkennen, dass gerade etwas auf der besuchten Webseite schief gelaufen ist. Entweder antwortet der Server nicht oder ein Link wurde falsch adressiert. Es gibt viele Gr├╝nde f├╝r Fehlermeldungen.

Wieso sind eigene individuelle Fehlerseiten wichtiger?

Generell sind User sehr verwirrt wenn pl├Âtzlich eine Fehlermeldung auftaucht. Sie klicken sich munter durch eine Webseite und werden pl├Âtzlich durch eine Fehlermeldung in Ihrem “Klick-Fluss” unterbrochen. Standardfehlerseiten verwirren den User noch mehr. Sie werfen Fehlercodes aus, mit denen man nichts anfangen kann und weisen nicht darauf hin, wie es jetzt weitergeht. Ein Sch├Ânheitsfehler ist noch, dass die Standardfehlerseiten nicht im Design der eigentlichen Webseite erscheinen und den Anschein erwecken, dass man sich pl├Âtzlich woanders befindet.

Wie erstellte ich individuelle und g├╝ltige Fehlerseiten?

Am Ende des Artikels poste ich eine Aufz├Ąhlung mit allen g├Ąngigen Fehlercodes. Ich handle in diesem Artikel folgende 4 ab, sie werden wohl am h├Ąufigsten vorkommen:

  • Fehlerseite f├╝r Fehler 401 – Passwortgesch├╝tzter Zugang (engl. Unauthorised)
  • Fehlerseite f├╝r Fehler 403 – Zugriff verweigert (engl. Forbidden)
  • Fehlerseite f├╝r Fehler 404 – Datei nicht gefunden (engl. Not Found)
  • Fehlerseite f├╝r Fehler 500 – Server Fehler (engl. Server Error)

Erstellt 4 html Dateien und legt sie dann einfach in eurem Root Verzeichnis ab. Das ist dort, wo sich normalerweise auch eure index.html oder index.php Datei befindet. Die Dateinamen k├Ânnt Ihr benennen, wie ihr wollt, “401.html”, “403.html”, “404.html” und “500.html” funktionieren aber zum Beispiel auch.

Wichtig ist, dass im Header Title TAG der Dateien die Fehlerinformationen stehen, damit google die Seiten auch als Fehlerseiten identifizieren kann – dies macht die Fehlerseiten zu g├╝ltigen Fehlerseiten. F├╝r unsere 4 Fehlerseiten w├Ąren das z.B.:

  • <title>Error 401 Unauthorised – Passwortgesch├╝tzter Bereich</title>
  • <title>Error 403 Forbidden – Der Zugriff wurde verweigert</title>
  • <title>Error 404 Not Found – Datei wurde nicht gefunden</title>
  • <title>Error 500 Server Error – Server Fehler</title>

Keywords braucht ihr keine, weil die Fehlerseiten sowieso nicht indexiert werden sollen. Den Rest k├Ânnt ihr nach Belieben gestalten wie jede andere Seite eurer Website auch. Ihr solltet euch jedoch an folgende Punkte der Checkliste halten, um die Fehlerseiten so n├╝tzlich wie m├Âglich zu machen:

Wie schreibt man eine individuelle und g├╝ltige Fehlerseite? – Checkliste

  • Um die Seite g├╝ltig zu machen, muss man ihr den korrekten <title> Tag verpassen.
  • Sie sollte an das Look & Feel der “besurften” Webseite angepasst sein.
  • Klar erkennbar machen, dass ein Fehler aufgetreten ist!
  • Verst├Ąndlich den Fehler formulieren. Mit Error 404 k├Ânnen die User nichts anfangen.
  • H├Âfliche Formulierung und dem User zu verstehen geben, dass er nicht selbst an dem Fehler schuld ist.
  • Men├╝strukturen der Webseite integrieren, damit der User wieder zur├╝ckfindet
  • Auf das Kontaktformular verweisen und freundlich darum bitten, den Fehlerhergang zu melden.
  • Den Meta Tag <meta name=”robots” content=”noindex, follow”/> hinzuf├╝gen. Suchmaschinen sollen die Seite nicht indexieren, aber den Links folgen.

Wie aktiviere ich die individuelle und g├╝ltige Fehlerseite?

Ihr aktiviert die Fehlerdateiumleitung mittels einer .htaccess Datei. Diese legt ihr ebenfalls in eurem Rootverzeichnis ab. Ihr erstellt die Datei ganz normal im Texteditor und nennt sie “.htaccess”. (Ja sie f├Ąngt mit einem Punkt an :-D)

In diese Datei schreibt Ihr dann folgendes rein:

#Individuelle gueltige Fehlerseiten
ErrorDocument 401 /401.html
ErrorDocument 403 /403.html
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html

Wenn ihr einen Ordner f├╝r die Fehlerseiten machen wollt w├╝rde auch so etwas funktionieren: ErrorDocument 401 /Fehlerseitenordner/401.html

Speichert die .htaccess Datei, ladet sie hoch und fertig. Eure Fehlerseiten sollten jetzt funktionieren.

Tip: Wenn ihr wie hier im Blog beschrieben eine Subdomainumleitung geschaltet habt, um Duplicate Content zu vermeiden, k├Ânnt ihr die Error Codes einfach in der .htaccess Datei darunter schreiben.

Wie teste ich die individuellen und g├╝ltigen Fehlerseiten?

Ganz einfach. Gebt eure Webseitenadresse in Kombination mit einer nicht existenten Seite in den Browser ein und dr├╝ckt Enter. Dann sollte eine Fehlerseite erscheinen, wenn ihr alles richtig gemacht habt ;) (z.B. http://www.deinname.de/lalalalala.html)

Liste g├Ąngiger Webseiten-Fehlercodes / Fehlerseiten / HTML Statuscodes

  • 100 Continue
  • 101 Switching Protocols
  • 200 OK
  • 201 Created
  • 202 Accepted
  • 203 Non-Authoritative Information
  • 204 No Content
  • 205 Reset Content
  • 206 Partial Content
  • 300 Multiple Choices
  • 301 Moved Permanently
  • 302 Moved Temporarily
  • 303 See Other
  • 304 Not Modified
  • 305 Use Proxy
  • 400 Bad Request
  • 401 Unauthorised
  • 402 Payment Required
  • 403 Forbidden
  • 404 Not Found
  • 405 Method Not Allowed
  • 406 Not Acceptable
  • 407 Proxy Authentication Required
  • 408 Request Time-Out
  • 409 Conflict
  • 410 Gone
  • 411 Length Required
  • 412 Precondition Failed
  • 413 Request Entity Too Large
  • 414 Request-URL Too Large
  • 415 Unsupported Media Type
  • 500 Server Error
  • 501 Not Implemented
  • 502 Bad Gateway
  • 503 Out of Resources
  • 504 Gateway Time-Out
  • 505 HTTP Version not supported

Mehr dazu findet Ihr auch unter: Wikipedia HTTP Statuscode

Dieser Eintrag wurde in Internet, SEO, Webdesign gepostet und als , , , , , , , , , getagged. Jetzt permalink bookmarken.

Comments are closed.