<H1>, <H2> etc. kennt jeder. Ein Text, der von so einem Tag eingeschlossen wird, wird im Browser in großer Schrift dargestellt. Da viele Webmaster das nicht wünschen, lassen sie diese Tags weg und benutzen stattdessen lieber CSS oder (noch schlimmer), den veralteten <font>-Tag, um eine Überschrift auf die gewünschte Schriftgröße zu bringen.
Die Tags für die Headlines, also <H1>, <H2> usw. haben die Funktion Überschriften zu kennzeichnen. <H1> zeichnet eine Überschrift oberster Ebene aus, <H2> eine Überschrift der zweiten Ebene, <H3> eine der dritten Ebene und so weiter. Mit den Headline-Tags wird der Text also sozusagen gegliedert, wie z.B. die Inhaltsangabe eines Buches.
Nehmen wir als Beispiel ein Fachbuch, ein Buch über unser Universum. Dieses Buch enthält Kapitel, ein einzelnes Kapitel kann aber wiederum in Unterkapitel unterteilt sein. Die Inhaltsübersicht sähe vielleicht so aus:
Wir sehen hier also eine Gliederung mit 3 Ebenen. Dies ist ein gutes Beispiel für eine Sitemap, wo die Headline-Tags ebenfalls verwendet werden sollten.
Etwas ähnliches wie im Beispiel passiert ihnen aber manchmal auch, wenn sie einen längeren Text schreiben. Ihr Text besteht aus einer Überschrift (<H1>). Da sie ihren Text gegliedert haben, unterteilen sie ihren Text grob in beispielweise 3 Abschnitte, die auch ihre eigene Überschrift bekommen (<H2>). Vielleicht möchten sie diese grobe Gliederung aber noch genauer machen, so dass sie noch weiter Überschriften machen (<H3>, <H4>, <H5> oder <H6>).
In der Praxis wird man aber kaum mehr als Überschriften der 4.Ebene, also <H4> benötigen.
Sie erhalten also folgendes Konstrukt:
Wenn sie Überschriften für solche Abschnitte vergeben, dann sollten sie auch immer diese Tags für die Headlines benutzen. Eine Suchmaschine erkennt an Hand dieser Tags, dass sie einen bestimmten Text als Überschrift vorgesehen haben und vergibt für die Wörter in den Überschriften eine höhere Relevanz (in etwa so ähnlich wie bei dem <strong>- oder <em>-Tag).
Hingegen werden Überschriften die mit <span>-Tag und CSS gestalten sind, von den Suchmaschinen nicht als besonders wichtig angesehen. CSS ist für Suchmaschinen praktisch irrelevant und wird ignoriert und der <span>-Tag ist ein leerer Container ohne wirkliche Bedeutung. Ähnliches gilt für den <font>-Tag, welcher darüber hinaus vom W3C aber noch als deprecated (missbilligt) deklariert wurde und daher per se schon „verboten“ ist.
Jetzt sind wir wieder beim Ausgangsproblem, das ich am Anfang geschildert habe: Titel die mit <H1> etc. gestaltet sind, werden vom Browser in einer Schriftgröße dargestellt, die nicht meinem Geschmack entsprichen.
Auch dafür gibt es eine Lösung, nämlich indem man die Schriftgröße mit CSS anpasst. Schreiben sie in ihre externe CSS-Datei, die sie in ihre Seiten eingebunden haben, folgendes:
H1 {font-size: 18pt;}
H2 {font-size: 16pt;}
H3 {font-size: 14pt;}
H4 {font-size: 14pt;}
H5 {font-size: 14pt;}
H6 {font-size: 14pt;}Die Headlines <H3> bis <H6> haben damit die gleiche Schriftgröße. Sie sollten dieses Beispiel natürlich nach ihren Belieben anpassen.