Quelltext der Seite Strong- und Bold-Tags

<seo title="Strong- und Bold-Tags" metadescription="In diesem Artikel erfährst Du, was Strong- und Bold-Tags sind und wie sie korrekt auf einer Webseite verwendet werden." />

== 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 <nowiki><b></nowiki> 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 <nowiki><strong></nowiki> 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.

<html>
<div class="checkform">
<div class="hl">
<h3>Strong- und Bold-Tags Check</h3>
<p>Prüfe, ob Strong- und Bold-Tags auf Deiner Seite korrekt verwendet werden</p>
</div>
<form action="https://www.seobility.net/de/seocheck/check#bold-tags" method="get">
<input type="text" name="url" required="required" placeholder="https://www.example.com/"><input type="submit" value="Tags prüfen">
</form>
</div>
</html>

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:

<pre><nowiki><p></nowiki>normaler Text <nowiki><b>fett geschriebener Text</b></nowiki> normaler Text<nowiki></p></nowiki></pre>

<pre><nowiki><p></nowiki>normaler Text <nowiki><strong>semantisch wichtiger Text</strong></nowiki> normaler Text<nowiki></p></nowiki></pre>

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, da eine Seite mit zu vielen Hervorhebungen im Text schnell unübersichtlich wirken kann.

== Bedeutung für Suchmaschinen ==

Matt Cutts von Google hat in einem [https://www.youtube.com/watch?v=awto_wCeOJ4 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 zum Einen 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 man jedoch vermeiden, da man den Suchmaschinen dadurch ein Bild von Überoptimierung und unnatürlicher Seitengestaltung vermittelt.

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 ==

* https://www.w3schools.com/tags/tag_b.asp
* https://www.w3schools.com/tags/tag_strong.asp

== Ähnliche Artikel ==

* [[Content is King]]

[[Kategorie:Suchmaschinenoptimierung]]
[[Kategorie:Web Entwicklung]]