Was versteht man unter Bold?

Stellen Sie sich vor, Sie überfliegen einen längeren Artikel – was springt Ihnen zuerst ins Auge? Genau, die fettgedruckten Stellen! Bold, vom englischen Wort für “kühn”, bezeichnet genau diese dickere Schriftdarstellung, die unsere Aufmerksamkeit magnetisch anzieht. Im Gegensatz zur normalen Schriftstärke wirken Bold-Zeichen kräftiger und schwerer – wie ein visueller Anker im Textmeer.

Diese typografische Technik hat sich längst als unverzichtbares Werkzeug etabliert: vom klassischen Buchsatz über Zeitungsartikel bis hin zu modernen Websites. Dabei geht es nicht nur um reine Dekoration – Bold strukturiert Inhalte, lenkt den Blick und macht Texte scanbar.

So funktioniert Bold in HTML und CSS

Wer schon einmal eine Website gebaut hat, kennt das Dilemma: Soll ich <b> oder <strong> verwenden? Die kurze Antwort: Es kommt darauf an! Der klassische <b>-Tag macht Text einfach nur fett – rein kosmetisch, ohne tiefere Bedeutung. Das ist perfekt für Produktnamen oder visuelle Akzente ohne inhaltlichen Schwerpunkt.

Der <strong>-Tag hingegen ist der semantische Bruder: Er sagt nicht nur “mach das fett”, sondern auch “das hier ist wirklich wichtig”. Screenreader betonen diese Passagen stärker, und auch Suchmaschinen verstehen: Hier steckt relevanter Content. In CSS haben Sie noch mehr Kontrolle: Mit font-weight: bold; oder präzisen Werten wie font-weight: 600; oder font-weight: 900; lässt sich die Fettstärke millimetergenau justieren.

Bold im praktischen Einsatz – Beispiele und Tipps

Schauen Sie sich mal die Startseite von Amazon an: Produktpreise, Rabatthinweise und Call-to-Action-Buttons nutzen Bold gezielt als Blickfang. Oder nehmen Sie Wikipedia – dort markiert Fettdruck die erstmalige Erwähnung des Lemmas im Einleitungssatz. Diese Beispiele zeigen: Bold funktioniert als visueller Wegweiser.

In Fließtexten empfiehlt sich Bold für Kernaussagen, Definitionen oder Zwischenfazits. Ein Tipp aus der Praxis: Lesen Sie Ihren Text einmal nur anhand der fettgedruckten Stellen – ergibt sich daraus die Kernbotschaft? Falls ja, haben Sie Bold richtig eingesetzt. Aber Vorsicht vor der Fettdruck-Falle: Wenn alles wichtig ist, ist nichts mehr wichtig. Als Richtwert hat sich bewährt: Nicht mehr als zwei bis drei Bold-Hervorhebungen pro Absatz.

Wenn Schriften an ihre Grenzen stoßen

Hier wird’s technisch spannend: Nicht jede Schriftart bringt von Haus aus eine Bold-Version mit. Was macht Ihr Browser dann? Er mogelt! Durch algorithmische Verdickung entsteht eine “Faux Bold”-Variante – erkennbar an leicht verschwommenen Kanten und ungleichmäßigen Rundungen. Profis greifen deshalb zu Schriftfamilien wie Roboto, Open Sans oder Montserrat, die speziell gezeichnete Bold-Schnitte mitbringen.

Ein praktisches Beispiel: Die Google-Font “Lato” bietet neun verschiedene Schriftstärken von Hairline (100) bis Black (900). So können Sie feine Abstufungen der Betonung schaffen – vom dezenten Akzent bis zum kraftvollen Statement.

Bold als SEO-Faktor und Barrierefreiheit

Google hat mehrfach betont: Bold allein ist kein direkter Ranking-Faktor. Aber – und das ist entscheidend – gut strukturierte, scanbare Texte verbessern die User Experience. Wenn Besucher länger auf Ihrer Seite bleiben und das Gesuchte schnell finden, sendet das positive Signale. Bold kann dabei helfen, wichtige Keywords natürlich hervorzuheben, ohne in Keyword-Stuffing zu verfallen.

Für barrierefreie Websites gilt: Nutzen Sie <strong> für inhaltlich Wichtiges und <b> für rein visuelle Effekte. Kombinieren Sie Bold niemals als einziges Unterscheidungsmerkmal – denken Sie an farbenblinde Nutzer oder Menschen mit Sehschwäche. Ein guter Test: Funktioniert Ihre Seite auch ohne CSS? Dann haben Sie die Semantik richtig umgesetzt.

Übrigens: In Kombination mit anderen Formatierungen wie Italic oder Unterstreichungen entstehen noch mehr Möglichkeiten zur Textstrukturierung – aber das ist eine Geschichte für andere Glossareinträge.