Traffic + PR: Validiere deinen (X)HTML Code!

Wahrscheinlich weißt du es noch nicht, aber dein (X)HTML Quellcode ist nicht valide. Zumindest unterstelle ich das, denn das Gros aller im Internet verfügbaren Websites und Blogs ist nicht W3C-konform und hält sich nicht an die empfohlenen Standards wie XHTML Transitional, XHTML Strict oder sogar (ganz frisch und selten) HTML 5.

Valides (X)HTML-Markup hilft deinem Ranking

Vielleicht ist dir nicht bewusst, dass valider Quellcode der geschriebenen Sprache nach einer bestimmten Rechtschreibordnung entspricht. Wenn du dich an Standards hältst, kannst du dich effizienter mit anderen verständigen. Wenn du deine Internet-Rechtschreibung links liegen lässt, dann ergeben sich ganz logisch Kommunikationsprobleme. Das bedeutet für deine Website / dein Blog, dass die Suchmaschinen (z.B. Google’s spider bots) die Sprache innerhalb des Quellcodes nicht korrekt interpretieren können. Da sämtliche Maschinen bestimmten Regeln folgen, die von Hand programmiert wurden, können sie nicht immer wissen, was gemeint ist.

Es geht also nicht darum, den Maschinen eine schlampige “Rechtschreibung und Grammatik” aufzuzwingen, sondern sich den Standards regelkonform zu unterwerfen und den (X)HTML-Code zu validieren. Stell dir einfach vor, dass du ein Diktat im Deutschunterricht schreiben musst: Dein Korrektor und strenger Klassenlehrer ist die Google Inc. höchstpersönlich. Was meinst du, wie diese empfindlichen HTML-Streber auf deinen nicht-konformen Quellcode reagieren? Richtig, im schlimmsten Fall mit den Worten: “Setzen, sechs!”. Das kannst du dann auch auf dein Ranking und somit auf deinen Traffic übertragen. Logisch, oder?

Der Teufel an der Wand: Markup Validation

Natürlich muss es sich schon um eine regel(un)recht mit Rechtschreibfehlern verseuchte Website handeln, um von Google und Co. als unlesbar eingestuft zu werden. Dennoch spielt der valide HTML-Code eine Rolle und ich möchte dich bitten, deinem Markup ein wenig Makeup zu verpassen. Experten verwenden zum Beispiel den hauseigenen W3C-Validator (http://validator.w3.org), um Fehler im Code aufzuspüren. Du solltest das auch tun. Dein Ranking und dein Traffic werden es dir – irgendwann in jedem Fall! – danken.

Lediglich falsch verschaltete HTML-Tags werden wahrscheinlich nicht zu einer Abstrafung (Note: ungenügend) führen – die beliebten Multimediaobjekte wie Youtube-Videos oder Flickr-Streams und dergleichen jedoch sehr viel eher! Wenn eine Maschine nämlich deinen HTML-Code nicht lesen (= verstehen) kann, dann geht sie ihrer Wege und sucht sich eine andere Quelle, die es zu interpretieren gilt. Um den Bots also das größtmögliche Lese/Crawl-Vergnügen zu bieten, empfehlen sich wenigstens ein Blick in die Fehlerquote deiner Seite und die Beseitigung der gröbsten Schnitzer…

Auf jeden Fall diese Elemente validieren!

• object, embed
  Sämtliche Youtube-Videos, die du per Hand in deine Seite integrierst, sind nicht XHTML-konform und erzeugen eine ganze Reihe von Fehlern. Das liegt hauptsächlich an nicht terminierten Ampersands (&). Natürlich willst du deinen HTML-Code validieren, also solltest du die entsprechenden Youtube-Videos erst einmal bei tools4noobs.com durchchecken lassen und den neuen, validen Quellcode in deine Seiten einfügen! » Youtube eingebettete Videos valideren
• target="_blank"
  Das target-Attribut ist längst nicht mehr gültig (engl. “deprecated”) und das ist auch gut so, denn es gibt elegantere Möglichkeiten, einen externen Link als solchen auszuzeichnen. Am einfachsten ist ein simpler JavaScript-Befehl: onclick="void(window.open(this.href, '', '')); return false;" – Du kannst void auch weglassen, wer braucht schon die Leere… Um den Maschinen zu erklären, dass es sich um externe Links handelt, kannst du noch ein rel="external" anhängen. rel="" kennst du sicher von den unbeliebten nofollow-Links, die den Bloggern das Leben schwer machen ;-)
• Bei Bildern alt="" nicht vergessen!
  Jaja, angeblich ein alter Hut. Aber weißt du eigentlich, wie viele selbsternannte “Webmaster” diese simple Regel vergessen? Übrigens machst du mit einem passenden alt-Tag nicht nur deinen HTML-Code valide; du sorgst auch dafür, dass deine Bilder besser gefunden werden können. Unterschätze nicht den Traffic der größten Bildersuche dieser Erde: Google Image Search!

Warum ist Google’s Markup nicht valide?

Witzig! Google achtet auf die Validierung deines Codes und kümmert sich selbst überhaupt nicht um eine XHTML (in diesem speziellen Fall sogar Pseudo-HTML5) Validierung des eigenen HTML Markups. Scheinbar, denn es gibt diverse Gründe dafür, wie Matt Cutts in leicht verständlichem Englisch erklärt.

Interessante, weiterführende Literatur

• http://validator.w3.org
  Wie gesagt handelt es sich um DAS Profitool, um Websites auf valides Markup zu überprüfen. Es werden Verbesserungsvorschläge geliefert und weiterführende Artikel zum Thema (engl.)
• http://www.marketposition.com/blog/archives/2004/02/why_you_should.html
  Ein aufschlussreicher Artikel eines HTML-Profis. Diente mir auch zur Inspiration ;-) (engl.)
• http://www.randomphobia.com/validate-your-xhtml-correctly-or-else.php
  Auf einer anderen Website von mir erkläre ich fast noch professioneller, was eine HTML-Validierung für Vorteile hat (engl.)
• http://www.w3.org/QA/2002/04/valid-dtd-list.html
  Empfohlene Doctypes (Art und Weise, wie Bots und Browser deinen HTML-Code interpretieren sollen) auf der offiziellen Seite (engl.)
• http://de.selfhtml.org/html/allgemein/grundgeruest.htm
  Stefan Münz bietet wie üblich eine umfassende Dokumentation – hier zum Thema HTML + Doctypes (DTD) (deutsch)