Strong- und Bold-Tags
Inhaltsverzeichnis
Wozu werden Strong- und Bold-Tags verwendet?
Bei Strong- und Bold-Tags handelt es sich um Elemente des HTML Codes, mit denen wichtige Wörter oder Textabschnitte einer Webseite hervorgehoben werden können. Der Bold-Tag <b> war ursprünglich dafür gedacht, Text fettgedruckt anzuzeigen. In neueren HTML-Versionen hat sich die Bedeutung jedoch gewandelt und der Bold-Tag dient dazu, die Aufmersamkeit des Lesers zu lenken. Strong <strong> hingegen hebt die Bedeutung des Textes hervor und stellt diesen üblicherweise ebenfalls fettgedruckt dar. Die beiden Tags sind inzwischen äquivalent und unterscheiden sich in ihrer Funktion und Verwendung kaum noch.
Strong- und Bold-Tags Check
Prüfe, ob Strong- und Bold-Tags auf Deiner Seite korrekt verwendet werden
Der Unterschied zwischen diesen beiden Tags ist auf den ersten Blick oft nicht offensichtlich, da beide in den meisten Browsern fett gedruckt dargestellt werden. Laut dem W3 Consortium muss jedoch lediglich der Bold-Tag fett gedruckt angezeigt werden, wohingegen die Darstellungsweise des Strong-Tags freigestellt ist. In der Praxis macht das jedoch meist keinen Unterschied.
Unterschied zwischen strong und bold
Der Unterschied zwischen den beiden Tags besteht darin, dass der Bold-Tag Aufmerksamkeit auf den Text lenken soll, der Strong-Tag hingegen hebt den jeweiligen Text auch semantisch als wichtig hervor und weist darauf hin, dass es sich hierbei um ein wichtiges Wort bzw. einen wichtigen Textabschnitt handelt.
Diese Unterscheidung ist darauf zurückzuführen, dass im HTML Code zwischen semantisch-logischen und physisch-visuellen Tags differenziert wird. Während sich erstere auf die Bedeutung (Semantik = Bedeutungslehre) der jeweiligen Bereiche beziehen, legen letztere lediglich die optische Darstellung im Browser fest.
Richtige Verwendung
Im HTML Code werden die beiden Tags folgendermaßen verwendet:
<p>normaler Text <b>fett geschriebener Text</b> normaler Text</p>
<p>normaler Text <strong>semantisch wichtiger Text</strong> normaler Text</p>
Wenn ein Textabschnitt als inhaltlich wichtig hervorgehoben werden soll, sollte dabei stets der Strong-Tag verwendet werden. Bold hingegen sollte lediglich dann genutzt werden, wenn Aufmerksamkeit auf eine Abschnitt gelenkt werden soll. Mit der Einführung von HTML5 wird empfohlen, Bold-Tags nur dann zu verwenden, wenn keine der anderen Möglichkeiten passt. Dabei sollten jedoch nur kleinere Textabschnitte (bis zu 70 Zeichen) optisch betont werden, die im Verhältnis zur gesamten Textmenge passend gewählt werden. Werden zu viele Begriffe fett dargestellt, geht der Effekt der semantischen Hervorhebung verloren, vergleichbar mit einem Textmarker, der keinen Hervorhebungseffekt mehr hat, wenn der gesamte Text damit markiert wurde. Bei der Hervorhebung sollte es sich zudem nur um einzelne Begriffe und nicht um ganze Sätze oder Absätze handeln.
Alternative zu Bold- und Strong-Tags
Sollen ganze Absätze oder Textelemente aus optischen Gründen, ohne semantische Bedeutung hervorgehoben werden, bieten sich Alternativen zur Verwendung von strong und bold an. Soll beispielsaweise der Preis eines Artikels oder ein Warnhinweis auf einer Webseite besonders ins Auge stechen, hat das für die SEO eine geringe Bedeutung und eine Hervorhebung mittels CSS oder HTML bietet sich an.
Diese Umsetzung kann so aussehen:
<p>Jetzt für nur <span style="font-weight: bold;">39,90 €</span> kaufen! </p>
Alternativ lässt sich die Hervorhebung auch mit CSS-Klassen realisieren:
.boldfont {
font-weight: bold;
}
Oder direkt im HTML-Code:
<p>Jetzt für nur <span class="boldfont">39,90 €</span> kaufen!</p>
Bedeutung für Suchmaschinen
Matt Cutts von Google hat in einem Webmaster Video bestätigt, dass die Suchmaschine keinen Unterschied zwischen Strong und Bold-Tags bei der Indizierung von Webseiten macht.
Aus SEO-technischen Gründen macht es also keinen Unterschied, welches der beiden Tags verwendet wird. Auch im Allgemeinen bietet die Nutzung von Strong und Bold-Tags kein sehr großes Optimierungspotential für eine Webseite. Dennoch sprechen einige Gründe dafür, die Tags trotzdem zu nutzen.
So stellen diese eine gute Möglichkeit dar, dem Nutzer wichtige Elemente im Text kenntlich zu machen und somit dessen Lesbarkeit zu verbessern. Auch die Suchmaschine erkennt Begriffe aus dem Text, welche mit Strong oder Bold hervorgehoben wurden und sieht diese als wichtige Keywords an. Es handelt sich somit also nicht nur um eine optische Hervorhebung durch Fettschrift, sondern auch um eine semantische Hervorhebung für die Suchmaschine. Eine zu exzessive Nutzung sollte jedoch vermieden werden, da den Suchmaschinen dadurch ein Bild von Überoptimierung und unnatürlicher Seitengestaltung vermittelt wird.
Weiterhin werden Strong-Tags beispielsweise auch von Screenreadern genutzt, um wichtige Passagen im Text betont vorzulesen. Solche Programme werden z.B. häufig von sehbehinderten Menschen genutzt, um den Inhalt einer Webseite zu erfassen.
Die Verwendung von und Unterscheidung zwischen Strong- und Bold-Tags macht also vor allem aus Gründen der Benutzerfreundlichkeit Sinn und stellt deshalb ein Thema dar, mit dem sich jeder Webmaster auseinandersetzen sollte, der die User Experience auf seiner Webseite verbessern möchte.
Weiterführende Links
Ähnliche Artikel
| Über den Autor |
 |