Archiv

Archiv für März, 2010

Valide Seite

27. März 2010 sep 4 Kommentare

Ich bin gerade mal dabei meine gesamte seite zu checken ob diese w3 konform ist. Und dabei habe ich am Anfang festgestellt, das dies nicht wirklich der Fall ist. :D Insgesamt bin ich eigentlich nur darauf gekommen, weil ich meine Seite für Suchmaschinen optimieren wollte und bin dabei einige viele Erkenntnisse zu gewinnen. Das Theme, welches ich verwende sollte XHTML 1.1 konform sein. War es aber nicht. Zum einen liegt dies an einigen Artikeln von mir. Wovon ich ja nun nicht allzu viele habe! ^^ Jedoch auch zum Teil an Wordpress. Bestes Beispiel ist das Einbinden von externen Links im Blogroll. So werden diese jeweils wie folgt dargestellt.

<a href="http://www.extern.net/" target="_blank">Extern.net</a>

Leider ist dies aber nicht konform. So zieht sich dies Beispielsweise durch ganz Wordpress durch, wenn man einen externen Link einrichtet, oder einen Link, welcher speziell geöffnet werden soll. Konform ist dies nicht mehr, da das target-Attribut in XHTML 1.1 abgeschafft wurde (in XHTML 1.0 Strict war dies wohl noch enthalten). Das hat folgenden Grund, wie ich hier[1] nachlesen konnte und den ich auch gut akzeptieren kann. HTML bzw XHTML ist eine Formatierungssprache und hat keinen Einfluss auf Layout (CSS) oder Ablauf (JavaScript). (X)HTML ist nur für die Struktur einer Seite zuständig. Denn Webcrawler interessieren sich nicht für Ablauf oder Layout. Genauso Browser wie Lynx oder Links oder ähnliche. Auch Handys haben damit vielleicht Probleme. Also wird das öffnen einer Seite dem JavaScript zugemutet. In dem Forenbeitrag[1] war dann auch vermerkt, wie dis von statten gehen soll.

<a href="http://www.extern.net/" onclick="window.open( 'http://www.extern.net/', '_blank' ); return false;">Extern.net</a>

Mit “window.open” also das neue Fenster in dem entsprechenden Ziel. Das “return false” ist dafür wichtig, wenn der Browser kein JS versteht. Dann wird direkt der hinterlegte Link angesprungen.

Eine weitere Quelle für Fehler lag ebenfalls bei dem a-Tag. Denn diese Tag kann man auch als Anker benutzen, um im Dokument irgendwo hin zuspringen. Normalerweise hatte ich das auch damals mit dem name-Attribut bezeichnet und dann ging das schon. Das fällt leider auch flach in XHTML 1.1. Der Beitrag[2] den ich dazu gefunden habe, war ein bisschen kürzer. Von nun an benutze ich dort nun auch das id-Attribut.

<a id="marke" href="http://www.extern.net/" target="_blank">Extern.net</a>
<a href="#marke">zur Marke springen</a>

Als nächstes bleibt noch das Einbinden von externen Flash-Inhalten. Dort bin ich über das w3 zu einer Lösung[3] des Problems gekommen. Das embed-Tag fällt vollständig weg und ich bleibe nur noch beim object- und param-Tag. Wie der nachher zum Schluss aussehen wird, werde ich dann nochmal zeigen. Denn ganz so wie ich ihn haben will, ist der Tag noch nicht.

Ein weiteres Problem war die Galerie-Funktion von Wordpress in den Artikeln. Denn die Hauseigene Galerie hat einen Style-Tag in die Seite eingebunden, was der Validator nicht ganz so fein fand. Nach längerem, erfolglosem Suchen in dem Code habe ich mich dann entschieden eine externe Galerie als Plugin einzubinden. Dafür habe ich mich für die nextGen-Galerie[4] entschieden. Diese gefällt mir eigentlich ganz gut und ich danke für den Tipp. Damit war dann auch das Problem mit dem ominösen Style-Tag beseitigt, welcher bei jeder Galerie in Worpress auftrat.

Zur Zeit sieht es einigermaßen valide auf meiner Seite aus. Wobei einigermaßen jedoch nur 14 von 22 Artikeln/Seiten meint. Ebenfalls ist mein Blogroll zwar noch angezeigt, aber erst einmal wird es wohl leer bleiben, bis ich dort etwas gefunden habe. Mal schauen, wie es denn noch weiter geht und wie lange ich noch brauche um meine Seite suchmaschinenfreundlich zu machen. Einen Link[5] möchte ich aber noch einmal genannt haben. Dort gibt es eine schöne Erklärung mit dem “www-ahnsinn” und was das mit Frundlichkeit zu tun hat. Danach fehlt mir nur noch eine schöne robots.txt und dann denke ich das alles in Butter ist! ;)

Links

  1. Validierung XHTML 1.1: target=”_blank”
  2. The a name-attribute and XHTML 1.1 Strict
  3. Flash Satay: Embedding Flash While Supporting Standards
  4. NextGEN Gallery
  5. wwwahnsinn
Categories: Informatik Tags: , ,