Eine 404 Fehlerseite wird in der Regel vom Webserver direkt ausgegeben und weist den Webseiten Besucher lediglich auf den Fehler hin, bietet aber keine Alternativen oder Lösungvorschläge an. Aus diesem Grund kann es passieren, dass der Besucher denkt, dass gesamte Angebot sei bereits vom Netz und er orientiert sich um. Das will ein Webmaster natürlich unbedingt vermeiden. Darum gibt es die Möglichkeit eigene 404 Fehlerseiten für eine Webseite zu erstellen. Und diese Möglichkeit sollte unbedingt genutzt werden.

Eine professionelle 404 Fehlerseite sollte sich immer an dem Design der Webseite orientieren und mindestens den Link zur Startseite enthalten. Auch eine schnelle Kontaktmöglichkeit zum Webmaster kann enthalten sein. Hier kann der Webmaster eine kleine Bitte an den Besucher formulieren, dass dieser sich kurz melden möchte, wenn er nicht durch eine selbst eingetippte URL auf die Fehlerseite gekommen ist, sondern durch eine defekten Link der Webseite (böser Fehler).

Hier mal ein Link zu einer professionellen 404 Fehlerseite.

Damit die 404 Fehlerseite aber auch angezeigt wird, muß dem Wevserver dies auch mitgeteilt werden. Dies geht z.B. bei Apache Webservern durch einen kleinen Eintrag in die .htaccess Datei. Aber Achtung, hier muß unbedingt darauf geachtet werden, dass der Eintrag keinen Fehler enthält und so z.B. googles Webmaster-Tool meckert.

Richtig:
ErrorDocument  404  /404.htm

Falsch:
ErrorDocument  404  http://www.hp-profi.de/404.htm

Beide Lösungen werden vom Browser des Besuchers als Umleitung zur 404.htm erkannt, google akzeptiert aber nur Lösung 1. Die Fehlerseite muß übrigens nicht 404.htm heißen, sie können den Namen beliebig wählen. 404 als Name der 404 Fehlerseite zu verwenden bietet sich jedoch an.

Weitere Tipps zur 404 Fehlerseite:

In der Regel will man einen 404 Fehlerseite ja nicht in den Index von google oder anderen Suchmaschinen aufgenommen haben. Dazu muß folgendes MetaTag im HEAD vorhanden sein:

<meta name=”robots” content=”noindex, follow”>

Statt nur einen Link zur Startseite aufzuführen, können Sie auch Links zu anderen Bereichen Ihrer Webseite anbieten. Bei großen Webseiten auf Kategorien, bei kleinen Webseiten können Sie auch gleich die komplette Navigation auf die 404 Fehlerseite aufnehmen. Die Seite sollte aber unbedingt als 404 Fehlerseite erkennbar bleiben.

Die 404 Fehlerseite bei google Analytics oder anderen Webseitenstatistiken aufzunehmen ist allerdings wiederum ok, sie wollen ja wissen, wie häufig die Seite aufgerufen wird und was wohl der Grund dafür sein könnte.

Mit diesem AddON erhält der Webmaster rechts unten in der Statusleiste des Browsers eine HTML-Check Anzeige mit der Information, wieviele html Fehler es nach w3c Standard es auf der gerade besuchten Seite gibt.

Die Meisten wird überraschen, wie wenig Seiten im Netz w3c conform sind. Allerdings wirken sich die allermeisten Fehler nicht auf die Darstellung der Webseite in jeden Browser aus. Wer trotzdem eine 100% Seite abliefern will, wird von dem PlugIn gleich gewarnt, wenn sich ein Fehler eingeschlichen hat. Natürlich kann man seine Webseite auch mit anderen Tools überprüfen. Mit dem AddON geschieht dies aber eben automatisch für alle Webseiten die man besucht.

Auch ist das ganz praktisch, wenn man zum Beispiel Eintragungen / Änderungen online (zB. in Wordpress) macht. Auch hier werden die eigenen oder auch fremden Fehler gleich angezeit. Wenn z.B. ein Blogger deines Blogs einen Blog-Eintrag mit HTML Code macht, dies aber verhuddelt, kann der Blogmaster eingreifen und die Fehler manuell korrigieren.

Es sollte unter Anderem dazu dienen, Spam (zum Beispiel in einem Weblog) zu vermeiden. Da SEO-Spammer  versuchen, durch häufige Platzierung von Links auf die von ihnen betriebenen Webseiten ihre Linkpopularität und ihren PageRank-Wert zu steigern. Das ist von dem Weblog Betreiber natürlich nicht erwünscht, da diese Kommentare in der Regel keinen sinnvollen Inhalt haben. Also kann man seinen Weblog z.B. so ausstatten, dass Kommentare austomatisch ein rel=”nofollow”-Attribut bekommen und damit die Seite für SEO-Spammer wertlos wird, da die so markierten Links sind aus Sicht der Suchmaschinen praktisch unsichtbar sind. Blogsysteme wie WordPress bieten hierzu direkt PlugIns an. Es gibt aber auch Plugins die die SEP Spamaktivitäten bestimmter Seiten erkennen und diese erst gar nicht zulassen. Noch besser als ein sinnloser Kommentar mit NoFollow Attribut ist gar kein Spam-Kommentar.

Man kann mit dem Attribut allerdings auch die PageRank Verteilung der eigenen Unterseiten steuern. Wenn man z.B. keinen PageRank Linkpower an das Impressum verlieren will, so stattet man den Link zum Impressum ebenfalls mit dem NoFollow Attribut aus. Auch die externen Links zu Social Bookmark Diensten wie Mister Wong oder delicious sollte man mit einem NoFollow Attribut austatten, da man seine PageRank-Kraft lieber für die eigenen Seiten verwendet sollte und diese Dienste ebenfalls alle Links zu Dir mit einem NoFollow austatten.

Wenn du einem Link mit einen NoFollow Attribut austatten willst, dann funktioniert das so:

<a href=”http://google.com/” rel=”nofollow”>google</a>

Eine wirklich exzellente Übersicht der Möglichkeiten bietet die Webseite http://www.cssplay.co.uk (mit dem schönen Titel: “Experiments with Cascading Style Sheets”).

Die Seite zeigt an Beispielen wie man einfache und aufwendige Menüs, Fotogalerien, Scrollboxen und ganze Seitenlayouts realisiert. Auf die Unterschiede der Darstellung verschiedener Browser wird dabei explizit eingegangen und Lösungsvorschläge angezeigt.

Dabei darf man sich als Laie diese Beispiele im Sourcecode  ansehen und diesen unter Angabe des Programmierers auch für eigene Projekte verwenden. Gewerbliche Nutzung ist in der Regel mit einer Anfrage beim Programmierer verbunden. Der legt dann fest ob und zu welchem Preis (oder Link) man den Code auch in professionellen Homepageprojekten verwenden darf.

Wer sich die Möglichkeiten von CSS erkennen will, sollte sich alle Demos / Vorschläge in Ruhe anschauen.

Jetzt könnte man meinen, was interessiert mich der alte Netscape. Aber auch die modernen Browser wie FireFox, googles neuer Browser Chrome und Apple Safari haben diese Interpretation von Netscape übernommen.

Während Microsoft mit dem Flash als “Object” gut zurecht kommt, verlangt die Netscape ”scheinbar” das “embed” tag. Und damit das Flash in allen Browsern angezeigt wird, hat Adobe dem Code zum Aufruf des Flash gleich beide Methoden verpaßt. Und gleich noch ein paar Zusatzzeilen beigefügt, damit der Flashplayer auch immer schön auf dem neuesten Stand bleibt und ein Update bei Adobe durchgeführt wird.

Es gibt eine mittlerweile weit vereitete und anerkannte Lösung um das Problem zu umgehen. Wie das funktioniert und was der Programmierer beachten muß, findet man hier:

http://www.alistapart.com/stories/flashsatay

Der Text ist in englisch und auch nicht einfach zu verstehen (wenn man Laie ist). Aber es ist eben DIE Möglichkeit Flash auf Firefox und Internet Explorer ans Laufen zu bekommen und trotzdem mit der Webseite weiter W3C conform zu sein.