Häufigste Warnungen & Tipps

Die untenstehenden Statistik der häufigsten Warnungen und Tipps wird nach dem Vorkommen der Warnung / des Tipps täglich generiert. Die individuelle Gewichtung der Warnung / des Tipps wurde dabei nicht berücksichtigt.

78.5% - RSS- oder Atom-Format

RSS ist eine Technik, die es dem Nutzer ermöglicht, Inhalte einer Webseite, typischerweise Newsmeldungen, Berichte, Blogs etc. zu abonnieren. Zudem gibt es im selben Bereich das konkurrierende Format Atom.

Neu veröffentlichte Inhalte werden dank RSS/Atom automatisch in regelmäßigen Abständen auf die Computer oder andere Endgeräte des Abonnenten geladen. So bleibt der Abonnent immer auf dem neusten Wissens- und Informationsstand.
 
Auf RSS basierende Funktionen werden zunehmend in bestehende Anwendungen integriert, wie z.B. in E-Mail-Programmen oder Webbrowsern.

Weiterführende Informationen:
http://www.stefanbucher.net/tutorial/rss/

Abkürzungen:
RSS: Really Simple Syndication, wahlweise auch Rich Site Summary oder RDF Site Summary

77.4% - Links auf eine Website

Mittels der Eingabe von "link:www.irgendeinedomain.de" bei Google erhält man die Links auf eine nach dem "link:" angegebene Website. Beispiel: link:www.microsoft.com. Ebenfalls lässt sich die Linkpopularität mit http://www.webmasterplus.org/popular/form.html oder http://www.alexa.com testen.
Dieser Test verwendet den Dienst von http://www.alexa.com.

Für die Popularität einer Website sind unter anderem die Quantität und die Qualität der eingehenden Links entscheidend. Erstere können Sie sehr schnell via die oben erwähnte Eingabe erfahren.

Weiterführende Informationen:
http://www.alexa.com
http://de.wikipedia.org/wiki/Pagerank

75.5% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

74.4% - Spaghetti-Markup

Eine Abstraktion des Designs von der Struktur der Website bringt entscheidende Vorteile. Je höher diese ist, desto unabhängiger (getrennter) sind diese voneinander. Keine solche Trennung wird als so genannter Spaghetti-Markup oder Tag-Suppe (Tag von Html-Tag) bezeichnet.

Es ist heute problemlos möglich Farben, Typografie, Bilder des Designs und weitgehend sogar das Layout einer Website in separaten CSS-Dateien (CSS = Cascading Style Sheet) zu speichern.

Tools:
seven49.net - Qualidierungs- und Validierungstool (kostenlos)

Weiterführende Informationen:
http://www.qualidator.com/Web/de/Know-how/SpaghettiCode_CodeBrei.htm
http://www.style-sheets.de/guide/grundlagen/warum_css
http://www.vorsprungdurchwebstandards.de/theory/retro-coding/

Hinweis für Informatiker: Mit "Code" ist damit nicht etwa Javascript-Code, sondern der HTML-Quelltext gemeint.

73.6% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

71.0% - Anzahl Nameserver

Das DNS ordnet den Namen von Rechnern im Internet eine IP-Adresse zu. Zur Erhöhung der Verfügbarkeit einer Website empfiehlt sich eine mehrfache Verwendung von Nameservern. In diesem Sinn empfiehlt RFC2182 section 5 mindestens 3 und nicht mehr als 7 Nameservers.

Quelle und weiterführende Informationen:
http://rfc.net/rfc2182.html, sowie http://www.rfc-editor.org.
 
Abkürzungen:
DNS: Domain Name System
IP: Internet Protocol

66.6% - Page Rank

Der Page Rank einer Website ist ein Indiz für die Popularität der Website. Dieser Test des Qualidators stützt sich auf den Page Rank von www.alexa.com. Der Page Rank von www.alexa.com beruht auf der Analyse des Nutzerverhaltens derjenigen weltweit tausenden Internetnutzer, die bei sich die Alex-Toolbar installiert haben.

Weiterführende Informationen unter www.alexa.com.

62.9% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

61.3% - Schriftvergrösserung

Nicht alle sehbehinderten Personen verwenden technische Hilfsmittel, um sich im Internet einfacher zu bewegen. Die Möglichkeit, die Schrift zu vergrössern, ist ein wichtiges Element zur Gewährleistung, dass die Websiteinformationen von allen Besuchern gelesen werden können. Aber auch Menschen mit gutem Sehvermögen sind in gewissen Situationen darauf angewiesen, die Schrift zu vergrössern. Gleichzeitig surfen immer mehr ältere Personen im Netz; auch diese sind auf eine Vergrösserungsmöglichkeit angewiesen. In diesem Zusammenhang ist es wichtig, die Schriftgrössen nicht in Pixel, sondern in Prozent oder "em" zu definieren.

Quelle und weiterführende Informationen:
"Prioritizing Web Usability" von Jakob Nielsen/Hoa Loranger,
sowie unter
http://www.qualidator.com/Web/de/Know-how/Schriftvergroesserung.htm

59.4% - Zusammenfassung des Tabelleninhalts

"Sie können einen zusammenfassenden Kurztext für die Tabelle definieren. Ein Sprachausgabesystem könnte diesen Text als Einleitung zur Tabelle ausgeben. Mit dem Attribut summary können Sie im einleitenden <table>-Tag eine Zusammenfassung der Tabelle definieren". 

Tools:
seven49.net Qualidierungs- und Validierungstool (kostenlos)

Quelle und weiterführende Informationen:
http://de.selfhtml.org/html/tabellen/nicht_visuell.htm#zusammenfassung.
Ebenso unter:
http://www.w3.org/TR/WCAG10-TECHS/#tech-table-summaries.

56.9% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

56.7% - Druckfreundlichkeit

Häufig entspricht es dem Wunsch der Webbesucher, Seiteninhalte auszudrucken. Eine eingerichtete Druckfunktion oder auch für den Ausdruck optimierte Stylesheets ermöglichen das saubere Ausdrucken von Seiteninhalten, ohne dass diese z.B. am Rand abgeschnitten werden.

Weiterführende Informationen:
http://www.thestyleworks.de/tut-art/layout_print.shtml

55.2% - Kopfzellen von Tabellen

Die Kopfzellen von Tabellen sollten, aufgrund ihrer meist deskriptiven Funktion, als solche erkennbar sein. Dies ermöglicht auch behinderten Personen ein optimales Lesen von Tabellen. Zudem erlaubt dies ein einfaches einheitliches Formatieren aller Tabellen auf der Website mittels CSS.

Tools:
seven49.net Qualidierungs- und Validierungstool (kostenlos)

Weiterführende Informationen unter:
http://edition-w3.de/TR/1999/REC-html401-19991224/struct/tables.html,
http://de.selfhtml.org/html/tabellen/aufbau.htm,
http://www.w3.org/TR/WCAG10-TECHS/#tech-table-headers.

54.4% - Explizite Bezeichnung von Eingabefeldern und Auswahlmenüs

Bei einer fehlenden expliziten Bezeichnung für Eingabefelder fehlt die logische Verknüpfung zwischen Bezeichnung und Eingabefeld.

Das heißt, dass beispielsweise in einer linearisierten Ausgabe nicht unbedingt ersichtlich ist, welche Bezeichnung welchem Eingabefeld zugeordnet ist. Deswegen wurde das LABEL-Element mit dem for-Attribut eingeführt, das die explizite Bezeichnung eines Formularfeldes erlaubt.
 
Die Verwendung des LABEL-Elements erlaubt es vor allem Screen-Reader-Benutzern, die Bezeichnung eines Eingabefeldes direkt vom Eingabefeld aus abzurufen.

Quelle:
http://www.barrierefreies-webdesign.de/knowhow/formulare/label.html . Weiterführende Informationen in den Zugänglichkeitsrichtlinien der W3C (12.4 Ordnen Sie Beschriftungen explizit ihren Kontrollelementen zu, Richtlinie 12, Zugänglichkeitsrichtlinien für Web-Inhalte 1.0, W3C-Empfehlung, 5. Mai 1999, http://www.w3c.de/Trans/WAI/webinhalt.html) und http://de.selfhtml.org/html/formulare/strukturieren.htm.

51.5% - Bilder ohne Alternativtexte

Der Alternativtext wird angezeigt, wenn ein Bild nicht ladbar ist oder wenn der Mauszeiger über das Bild bewegt wird*. Wichtig ist der Alternativtext zum einen für Menschen, die über eine Sehbehinderung verfügen und ein sprachliches Ausgabegerät benutzen, das Webinhalte und bei Bildern den Alternativtext vorliest.
Zum anderen ist der Alternativtext auch von Suchmaschinen erkennbar. Der Alternativtext ist möglichst sinnvoll zu wählen, sollte jedoch keine ausführliche Bildbeschreibung sein.

Weiterführende Informationen:
http://www.bjoernsworld.de/html/alt-text.html
http://webdesign.crissov.de/alt-Text#Start

* Der Internet Explorer zeigt den Alternativtext als Tooltip an, wenn man mit dem Mauszeiger länger über der Grafik verweilt. Dieses Verhalten ist zwar nicht verboten, stört aber häufig den Seitenautor. Und es verleitet zu der Annahme, das alt-Attribut wäre für diesen Tooltip grundsätzlich zuständig, was aber  falsch ist. Wenn Sie ihre Grafiken mit erklärenden Tooltips versehen wollen, nutzen Sie das Attribut "title".
Quelle: http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz

50.0% - Besuchte Links

Das Kennzeichnen von besuchten Hyperlinks hilft den Benutzern zu erkennen, welche Seiten innerhalb der Website bereits besucht wurden und welche nicht. Anders gesagt, sollten die Navigationsoberflächen gemäss Nielsen folgende drei wesentlichen Fragen beantworten können: "Wo bin ich?", "Wo bin ich gewesen?" und "Wohin kann ich gehen?"

Quelle und weiterführende Informationen:
"Prioritizing Web Usability" von Jakob Nielsen/Hoa Loranger sowie "Designing Web Usability" von Jakob Nielsen

48.4% - Fehlende Bezeichnung der Höhe und Breite von Bildern

Fehlende Höhen- und Breitenangaben von Bildern sind ein typischer HTML-Fehler, der sich auf die Performance der Website auswirkt. Das exakte Definieren von Höhe- und Breitenangaben bei Bildern führt zu einer schnelleren Ladezeit der Website, da der Browser den für das Bild benötigten Platz bereits kennt und den entsprechenden Platz dafür leer lassen kann.

Quelle und weiterführende Informationen: http://de.selfhtml.org/html/grafiken/einbinden.htm#breite_hoehe

45.2% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

45.1% - Valider XHTML-Quelltext

HTML ist eine plattformunabhängige Dokumentbeschreibungssprache, in der Web-Seiten geschrieben sind.

"HTML ist keine Programmiersprache. Denn mit HTML kann man z. B. keinen Roboter steuern, keine Variable erstellen und auch kein Spiel programmieren." (Quelle)

Dokumente, die nicht valide sind resp. Standards verletzen, verlassen sich auf die Fehlerkorrektur der Software, welche sie liest (Browser, Roboter, Screenreader etc., siehe oben). Diese Fehlerkorrektur ist aber je nach Software sehr unterschiedlich, was zu Fehlern führen kann, und dies in vielen Fällen, ohne dass dies der Websitebetreiber merkt, denn es ist unmöglich, die Website via all diese Software nach jedem Update wiederum vollumfänglich zu testen.

Nicht valider HTML-Quelltext verursacht oft hohe Kosten, insbesondere wegen unnötiger Fehlersuche und nicht optimaler Bedienung oder gar Verärgerung der Benutzer.  


Weiterführende Informationen:
http://www.qualidator.com/Web/de/Know-how/Verwendung_von_validem_XHTMLQuelltext.htm
Die Gültigkeit des HTML-Quelltextes kann via so genannte Validatoren überprüft werden.

Beispiele:
 www.xhtmlbatchvalidator.com vorgenommen werden.)http://blog.antikoerperchen.de/beitrag/..

Abkürzungen: 
HTML: HyperText Markup Language

44.5% - Überschriftensystematik (h1-h6)

Die Überschriften müssen systematisch und logisch korrekt angeordnet sein, d.h. abwärts darf zwischen h1-h6 kein Sprung erfolgen. Zudem muss die erste Überschrift ein h1 sein.

Weiterführende Informationen:
http://www.vorsprungdurchwebstandards.de/theory/retro-coding/
(Abschnitt: "Semantisch strukturiertes HTML")

39.2% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

38.2% - *** Members only ***

Dieses Testresultat ist nur für registrierte Benutzer und Premium-Mitglieder sichtbar.
Nach erfolgter Registration werden unmittelbar 2/3 der Testresultate für Sie aktiviert.

Einen vollständigen Zugriff zu den Testresultaten inklusive einer Benachrichtigung bei einer Qualitätsveränderung der überwachten Websites erhalten Sie nach einer erfolgreichen Registration und einem Upgrade zum Premium-Mitglied.

Jetzt kostenlos registrieren

36.2% - Überschriften (h1, h2, etc.) und logische Struktur

Der Website-Inhalt muss zur besseren Lesbarkeit mittels gut strukturierten, logisch gesetzten und aussagekräftigen Überschriften (h1, h2, h3...) aufgeteilt werden. Dabei müssen die für den Text wichtigen und aussagekräftigen Wörter zu Beginn des Titels gesetzt werden, da ein Webbesucher meist nur die ersten Wörter einer Überschrift wahrnimmt. In ihrer Länge sollten Überschriften 60 Zeichen nicht überschreiten.
Ebenfalls haben die erwähnten Überschriften z.T. positiven Einfluss bezüglich Suchmaschinenranking.

Quelle und weiterführende Informationen:
"Prioritizing Web Usability" von Jakob Nielsen/Hoa Loranger.

34.2% - Pop-up Fenster

Pop-ups verärgern Websitebesucher, da sie überraschend und nicht kontrollierbar auftauchen. Gleichzeitig assoziieren viele Websitebesucher unseriöse Gambling- und Pornoseitenangebote mit Pop-ups. Aus diesen Gründen darf eine auf Usability ausgelegte Website keine Pop-ups beinhalten, Ausnahme: Druckvorschau einer Seite als Pop-up.

Quelle:
"Prioritizing Web Usability" von Jakob Nielsen/Hoa Loranger

Weiterführende Informationen:
http://www.usability.ch/Alt_nav/Alertbox/NJ_20041206.htm

34.0% - Beschreibung - "Description"

Die Beschreibung ("Description") dient dazu, den Inhalt einer HTML-Seite zusammenfassend möglichst kurz und prägnant zu beschreiben. Der Inhalt dieser Meta-Angabe wird dem Leser im Internet-Browser nicht angezeigt, aber von Suchmaschinen z.T. in begrenztem Maße zur Ermittlung der Relevanz einer Seite und für die Suchergebnisseite herangezogen.

Die Beschreibung sollte eine Zusammenfassung des Inhalts in einem Satz enthalten. Auf der Suchergebnisseite von Suchmaschinen werden diese Beschreibungen meist angezeigt und tragen viel dazu bei, ob die Website von einem Webbenutzer besucht wird.

Weiterführende Informationen unter:
http://de.selfhtml.org/html/kopfdaten/meta.htm#beschreibung

31.9% - Layout-Tabellen

Tabellen-basiertes Layout birgt gegenüber einem reinen CSS-Layout viele Nachteile. Mit einem CSS-Layout wird nicht nur die Zugänglichkeit (Accessibility) sondern auch die Performance verbessert.

Weiterführende Informationen:
Einen ausführlichen Artikel von Douglas Bowman dazu findet sich in Englisch unter http://www.stopdesign.com/articles/throwing_tables/.
Sowie in Deutsch auf der Website Schweizerische Stiftung zur behindertengerechten Technologienutzung http://www.access-for-all.ch/de/css.html und
http://seybold.jan-andresen.de/everything.php

Hinweis für Webmaster: Achten Sie beim Einbinden (z.B. via Iframe) von Inhalten von Drittanbietern soweit möglich darauf, dass diese ebenfalls keine Layout-Tabellen verwenden.

27.0% - Komplexität der URLs

Zu komplexe URIs/URLs schaden sowohl der Benutzerfreundlichkeit wie auch der Suchmaschinenoptimierung. Zu lange und komplexe URIs/URLs können einerseits nicht mehr im Gedächtnis behalten werden und eignen sich andererseits schlecht zum Versenden per E-Mail.

Quelle und weiterführende Informationen:
"Prioritizing Web Usability" von Jakob Nielsen/Hoa Loranger sowie
unter "Choose URIs wisely" http://www.w3.org/QA/Tips/uri-choose.

23.9% - Dokumenttyp-Deklaration

"HTML ist innerhalb der Familie der Auszeichnungssprachen nur eine von vielen, wenn auch die prominenteste. HTML selbst hat außerdem bereits eine mehrjährige Geschichte und ist in verschiedenen, recht unterschiedlichen Versionen normiert worden. Mit der Dokumenttyp-Deklaration bestimmen Sie, welche Auszeichnungssprache in welcher Version Sie verwenden. Eine auslesende Software, etwa ein Web-Browser, kann sich an dieser Angabe orientieren."

Quelle und weiterführende Informationen unter: http://de.selfhtml.org/html/allgemein/grundgeruest.htm.

23.2% - Nicht wechselnder Seitentitel

Der Seitentitel sollte pro Einzelseite einer Website wechseln und den Inhalt der jeweiligen Seite widerspiegeln.
Dies hat grosse Vorteile, z.B. werden Seitentitel beim "Bookmarking" verwendet und von Suchmaschinen gelesen. In Folge davon bewirken wechselnde Seitentitel eine Suchmaschinenoptimierung.

Weiterführende Informationen:
http://www.socialpatterns.com/search-engine-optimization/writing-better-titles/

22.9% - ID- und Klassennamen

HTML sollte insbesondere zwecks Abstraktion des Designs von Struktur und Inhalt so genannte Klassen enthalten. Die Klassen, für Websitebesucher unsichtbar, dienen der Klassierung von Elementen, Abschnitten, Bereichen etc.

Der Designer einer Website kann anschliessend mittels Stylesheets die Klassen selektieren und anderes formatieren. Klassen sind nur notwendig, wenn es sich auch um eine Klassierung zur Unterscheidung von Elementen, Abschnitten, Bereichen etc. handelt. Ein häufiger Fehler ist z.B. die Klassierung von allen Elementen eines Typs, was nichts bringt und dabei den HTML- und CSS-Code unnötig länger, komplizierter und schwerer verständlich macht. Man spricht dabei z.T. auch von "Classitis", vergleiche hierzu z.B.
http://www.bs-markup.de/blog/archiv/2005/06/30/dr-css/ .

Ein weiterer typischer Fehler ist die falsche Benennung der Klassen.

Einen ausführlichen Artikel zu dieser Problematik findet sich bei den seven49.net - Papers.
/Web/de/Papers_Links/Bezeichnung_von_IDs_und_Klassen.htm

21.5% - Aufeinanderanderfolgende Links

Richtlinie 10.5 der Zugänglichkeitsrichtlinien für Web-Inhalte 1.0 W3C-Empfehlung, 5. Mai 1999 besagt: "Bis Benutzeragenten (einschließlich assistiver Technologien) beieinanderliegende Links getrennt darstellen, platzieren Sie druckbare Zeichen, die nicht zu einem Link gehören, umgeben von Leerzeichen, zwischen Links." http://www.w3c.de/Trans/WAI/webinhalt.html.

Dies bedeutet, dass aufeinanderfolgende Links entweder mit einem druckbaren, nicht verlinkten und von Leerschlägen umgebenen Zeichen voneinander abgegrenzt werden müssen. Sauber und einfach lässt sich diese Problematik lösen, wenn die Links in einer Navigationsliste als Liste <ul> ausgezeichnet sind.

Weiterführende Infos unter:
http://www.vorsprungdurchwebstandards.de/theory/accessibility-nach-vorschrift/;
http://de.selfhtml.org/html/text/listen.htm

21.2% - Leerbilder

Bei der Realisation älterer Webprojekte wurde das Design vielfach mit sogenannten "Leerbildern" (Bilder ohne Inhalt, die als Platzhalter verwendet werden) erstellt. Dies entspricht nicht mehr dem heutigen Standard und sollte mittels den CSS Eigenschaften "Padding" und "Margin" realisiert werden. Dies erlaubt eine bessere Performance der Website sowie eine strikte Trennung von Design und Inhalt respektive Abstrahierung des Designs von Struktur und Inhalt.

Weiterführende Informationen:
http://seybold.jan-andresen.de/05killer.php

19.8% - Neues Browserfenster

Webbesucher erwarten beim Anklicken eines Links, dass im Fenster der bisherigen Website eine neue erscheint. Durch unnötiges Öffnen von neuen Fenstern beim Anklicken eines Links verlieren die meisten Webbesucher bei der Vielzahl der geöffneten Fenster den Überblick, können mittels der "Back-Funktion" nicht mehr zurücknavigieren und "verlieren" sich. Gleichzeitig kann, insbesondere bei älteren Computern, durch die Vielzahl der geöffneten Browserfenster das System überlastet und zum Absturz geführt werden; au