{"id":31738,"date":"2024-11-12T12:40:21","date_gmt":"2024-11-12T12:40:21","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31738"},"modified":"2025-05-21T11:50:29","modified_gmt":"2025-05-21T11:50:29","slug":"strong-bold-tags","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/de\/wiki\/strong-bold-tags","title":{"rendered":"Strong- und Bold-Tags"},"content":{"rendered":"

Wozu werden Strong- und Bold-Tags verwendet?<\/span><\/h2>\n

Bei Strong- und Bold-Tags handelt es sich um Elemente des HTML Codes, mit denen wichtige W\u00f6rter oder Textabschnitte einer Webseite hervorgehoben werden k\u00f6nnen. Der Bold-Tag <b> war urspr\u00fcnglich daf\u00fcr 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 \u00fcblicherweise ebenfalls fettgedruckt dar. Die beiden Tags sind inzwischen \u00e4quivalent und unterscheiden sich in ihrer Funktion und Verwendung kaum noch.<\/p>\n

\n
\n

Strong- und Bold-Tags Check<\/h3>\n

Pr\u00fcfe, ob Strong- und Bold-Tags auf Deiner Seite korrekt verwendet werden<\/p>\n<\/div>\n

<\/form>\n<\/div>\n

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.<\/p>\n

Unterschied zwischen strong und bold<\/span><\/h2>\n

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.<\/p>\n

Diese Unterscheidung ist darauf zur\u00fcckzuf\u00fchren, dass im HTML Code zwischen semantisch-logischen und physisch-visuellen Tags differenziert wird. W\u00e4hrend sich erstere auf die Bedeutung (Semantik = Bedeutungslehre) der jeweiligen Bereiche beziehen, legen letztere lediglich die optische Darstellung im Browser fest.<\/p>\n

Richtige Verwendung<\/span><\/h2>\n

Im HTML Code werden die beiden Tags folgenderma\u00dfen verwendet:<\/p>\n

<p>normaler Text <b>fett geschriebener Text<\/b> normaler Text<\/p><\/pre>\n
<p>normaler Text <strong>semantisch wichtiger Text<\/strong> normaler Text<\/p><\/pre>\n
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\u00fchrung von HTML5 wird empfohlen, Bold-Tags nur dann zu verwenden, wenn keine der anderen M\u00f6glichkeiten passt. Dabei sollten jedoch nur kleinere Textabschnitte (bis zu 70 Zeichen) optisch betont werden, die im Verh\u00e4ltnis zur gesamten Textmenge passend gew\u00e4hlt werden. Werden zu viele Begriffe fett dargestellt, geht der Effekt der semantischen Hervorhebung verloren, vergleichbar mit
\neinem 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\u00e4tze oder Abs\u00e4tze handeln.<\/p>\n
Alternative zu Bold- und Strong-Tags<\/span><\/h2>\n
Sollen ganze Abs\u00e4tze oder Textelemente aus optischen Gr\u00fcnden, 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\u00fcr die SEO eine geringe Bedeutung und eine Hervorhebung mittels CSS oder HTML bietet sich an.<\/p>\n
Diese Umsetzung kann so aussehen:<\/p>\n
<p>Jetzt f\u00fcr nur <span style=\"font-weight: bold;\">39,90 \u20ac<\/span> kaufen!\r\n<\/p><\/pre>\n
Alternativ l\u00e4sst sich die Hervorhebung auch mit CSS-Klassen realisieren:<\/p>\n
 \r\n.boldfont {\r\nfont-weight: bold;\r\n}\r\n<\/pre>\n
Oder direkt im HTML-Code:<\/p>\n
<p>Jetzt f\u00fcr nur <span class=\"boldfont\">39,90 \u20ac<\/span> kaufen!<\/p><\/pre>\n
Bedeutung f\u00fcr Suchmaschinen<\/span><\/h2>\n
Matt Cutts von Google hat in einem Webmaster Video<\/a> best\u00e4tigt, dass die Suchmaschine<\/a> keinen Unterschied zwischen Strong und Bold-Tags bei der Indizierung von Webseiten macht.<\/p>\n
Aus SEO-technischen Gr\u00fcnden 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\u00dfes Optimierungspotential f\u00fcr eine Webseite. Dennoch sprechen einige Gr\u00fcnde daf\u00fcr, die Tags trotzdem zu nutzen.<\/p>\n
So stellen diese eine gute M\u00f6glichkeit 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
\nan. Es handelt sich somit also nicht nur um eine optische Hervorhebung durch Fettschrift, sondern auch um eine semantische Hervorhebung f\u00fcr die Suchmaschine. Eine zu exzessive Nutzung sollte jedoch vermieden werden, da den Suchmaschinen dadurch ein Bild von \u00dcberoptimierung und unnat\u00fcrlicher Seitengestaltung vermittelt wird.<\/p>\n
Weiterhin werden Strong-Tags beispielsweise auch von Screenreadern genutzt, um wichtige Passagen im Text betont vorzulesen. Solche Programme werden z.B. h\u00e4ufig von sehbehinderten Menschen genutzt, um den Inhalt einer Webseite zu erfassen.<\/p>\n
Die Verwendung von und Unterscheidung zwischen Strong- und Bold-Tags macht also vor allem aus Gr\u00fcnden der Benutzerfreundlichkeit Sinn und stellt deshalb ein Thema dar, mit dem sich jeder Webmaster auseinandersetzen sollte, der die User Experience<\/a> auf seiner Webseite verbessern m\u00f6chte.<\/p>\n
Weiterf\u00fchrende Links<\/span><\/h2>\n