Unterschied zwischen bold und strong

Worin liegt der Unterschied zwischen dem html tag b und dem html tag strong.

b oder strong
 Unterschied b strong

Hans fragte mich in einem Kommentar, um den Unterschied zu b wie bold und strong.

Bold und strong kommen aus dem Englischen, daher schau ich immer da zuerst nach:

strong bedeutet in der deutschen Übersetzung:fest, gehaltreich, haltbar, hart, kampfstark, kräftig, stabil, solide,stark, überzeugend, aber auch derb.

b wie bold bedeutet:frech, gewagt, keck, klobig, kühn, mutig,schwungvoll, verwegen, wagemutig, aber auch fettgedruckt.

HTML ist eine Auszeichnungssprache. Die nicht nur der Darstellung dient, sondern auch der Bedeutung- also der Semantik oder der Bedeutungslehre.

Fast alle Browser stellen die einzelnen HTML Tags unterschiedlich dar. Völlig egal, ob der WebDesigner etwas gestaltet hat oder nicht. Strong muß daher nicht fettgedruckt erscheinen. B wie bold wird aber garantiert als Fettdruck ausgegeben.

Betonung oder Auszeichnung

Wenn man in einem Text etwas fett druckt, dann mag man es betonen. Daher wäre hier die Verwendung von strong richtiger. Mag ich die Navigation in Fettdruck haben, damit sie besser lesbar ist, wäre b wie bold richtiger, wenn dies nicht sowieso via CSS gestaltet wurde.

Man kann davon ausgehen, dass eine Suchmaschine wie Google dies erkennt. Ich fand schon Texte, die seitenweise mit strong ausgezeichnet waren und zig H1 Überschriften 1.Ordnung beinhaltet haben. Dies ist eindeutig ein zuviel des Guten. Doch maßvolles -in sich logisches hervorheben einzelner Wörter kann sehr wohl zu einer gelungenen Onpage Optimierung beitragen.

Dass Screenreader strong anders vorlesen als b ist ein guter Nebeneffekt. :zwinker:

Andere zum Thema:

mts


Basis Know-how CSS
InternetmarketingInternetmarketing Buchempfehlung

Top

14Kommentare zu : Unterschied zwischen bold und strong

14 Kommentare
  1. 1

    Während sich ausschließlich auf die Darstellung des Inhalts bezieht, kennzeichnet wichtige Textstellen. ist als ausschließlich präsentationsbezogenes Tag im Sinne der Separation von Layout und Inhalt genauso abzulehnen wie , und .

  2. 2

    Okay, spitze Klammern werden wohl gefiltert – ich würde anraten, sie vom System einfach durch < und > ersetzen zu lassen.

    Also hier nochmal ohne:

    Während sich <b> ausschließlich auf die Darstellung des Inhalts bezieht, kennzeichnet <strong> wichtige Textstellen. <b> ist als ausschließlich präsentationsbezogenes Tag im Sinne der Separation von Layout und Inhalt genauso abzulehnen wie <i>,<u> und <font>.

  3. 3

    Genau meine Meinung, da CSS diese Tags ersetzen sollte. “bold” wird allerdings meiner Meinung nach (noch) von Suchmaschinen ähnlich wie “strong” gewertet. “b” ist aber theoretisch nichts anderes als ’span style=”font-weight:bold;”‘.

    Das ist schon eine Weile meine Meinung, liege ich da richtig?

  4. Autor mts von WebDesign-in.de mts
    4

    Frank ja genau so ist es und Simon Du hast auch recht, daher braucht man ja b so an und für sich gar nicht mehr, außer man nutzt es völlig zweckentfremdet um eine *mitwachsende Buttons * zu ermöglichen ;)

    Frank gewisse html Auszeichnungen kann man hier machen und einige gar nicht. ;)

    lg

  5. 5

    Leider hat der Browser meine Vorschläge selber schon wieder in spitze Klammern umgebaut. Das Sytem sollte einfach folgende Ersetzungen vornehmen in den Kommentaren:

    < wird zu & l t ; (Ohne Leerzeichen)
    > wird zu & g t ; (Ohne Leerzeichen).

    Das entschärft jeglichen Unfug und die Darstellung ist dennoch die vom Autoren beabsichtigte. Sonst wird es schwierig in den Kommentaren über HTML zu schwadronieren :)

  6. 6

    Na dann bin ich ja froh :)

  7. Tim
    7

    Da hab ich mal im Internet den Unterschied zwischen den HTML-Tags strong und b gesucht, und dann das hier gefunden.

    Auf jeden Fall bin ich noch verwirrter als vorher.

    Hat jemand Erfahrungen mit den Unterschieden gemacht? Den Browsern scheint es ja egal zu sein. Und mit den Suchmaschinen lässt sich das auch schlecht messen.

    Ein weiterer Punkt für die Enthusiasten wäre, dass man mit dem b im Vergleich zum strong 5 Zeichen Quelltext spart.

    Da stellt sich bei mir die Frage, was menn denn mit b optisch betonen sollte, was aber inhaltlich (wie bei strong) nicht so wichtig sein soll.

    Gibt es eigentlich auch ähnliche Tags wie strong für b (bold) auch für i (italic) und u (underline)?

  8. Autor mts von WebDesign-in.de mts
    8

    Hi Tim zu Deiner 2 Frage underline sollte man nur bei Links verwenden, das verwirrt sonst viele Leute, die meinen hier könne man klicken und dann ginge aber nichts.

    italic – em

    Man kann zb die Linktitel einer Navigation mit b auszeichnen, die mag man vielleicht bold aber nicht betonen.

    Heute war ich einkaufen.

    Mag ich “Heute” betonen, dann nehm ich da strong.
    Mag ich betonen, dass “Ich” einkaufen war, gebe ich da ein strong dazu.

    Ist das Einkaufen wichtig, bekommt dieses Wort das strong…

    das macht Unterschied – ;)

    Und Webseiten nur für die Suchmaschinen zu optimieren rächt sich relativ bald.

    lg

  9. 9

    Dass Screenreader strong anders vorlesen als b ist ein guter Nebeneffekt.

  10. Tom
    10

    “b” wird laut Aussage von Google-Mitarbeiter Matt Cutts im Google-Ranking übrigens etwas besser als “strong” bewertet.

  11. 11

    @ Tom, Ich halte im Sinne eines “semantischen” HTMLs für besser, aber laut Matt Cutt werden beide Varianten von Google gleich behandelt ;)

  12. 12

    Ich glaube nicht, dass ein wesentlicher Unterschied besteht. Wenn ich HTML selber tippe, nehme ich aus Faulheitsgründen immer . Ansonsten nimmt der Editor automatisch , aber ich kann mir nicht vorstellen,dass das jetzt für Google wirklich x-mal besser ist.

  13. 13

    Ich habe mir einfach angewöhnt nur noch “strong” zu verwenden.

  14. 14

    Besten Dank für die Erklärung

Deine Meinung
... zum Thema
Name und E-mail sind nötig


WebDesign Angebot

mein Angebot

Ich biete benutzerfreundliches, barrierefreies WebDesign und InternetMarketing, denn was nützt die schönste Homepage, wenn sie keiner findet. Schalk und Support ist inclusive.
Kontakten Sie mich einfach » E-Mail

InternetMarketing Angebot

Mieten Sie meine Kreativität

Ich habe jede Menge Idee und Können, wie man auch ihren Shop, ihre Homepage und ihr Business im Internet bekannt macht.
Kontakten Sie mich einfach » E-Mail

WebDesign Preise

Preise by mts

Professionelles WebDesign ist eine Investition. Billig und günstig sind andere ..ich bin gut und bezahlbar.
Kontakten Sie mich einfach » E-Mail


Achtung: Sie haben JavaScripts und/oder CSS deaktiviert. Sie können diese Inhalte nutzen, einiges an Funktionen steht jedoch nicht zur Verfügung.

Zu den Inhalten springen

« zurück

vor »

  • WebDesign Icon

    WebDesign

    WebDesign ist mehr als Grafik- und Printdesign. WebDesign und Website Marketing sind Geschwister. Rund um WebDesign.
  • WebDesign Tutorials Icon

    WebDesign Tutorial

    Kein WebDesigner fällt vom Himmel. Mal ein Online Shop, mal Community, mal Web 2.0 social Media oder Wiki. Erfahrungen uvm.
  • CSS Icon

    CSS

    Ich habe zig CSS Beispiele, Erkenntnisse irgendwo auf der Festplatte meines PCs und Gehirns. Ich gebe diese gern weiter :-).
  • InternetMarkering Icon

    InternetMarketing

    Wie verkauft man im WWW unter Ausnutzung der SUMAs, der Social Media Dienste. Internet Marketing Praxis uvm..
    und Website Promotion
  • SEO Icon

    SEO

    SEO ist weder Geheimwissen noch 0815 Tätigkeit, - schlicht notwendig für den Erfolg im WWW. Meine Erfahrung mit SEO.
  • Internet Recht Icon

    Internet Recht

    Was tun bei Abmahnungen. Rechtsfallen sind u.a. free Download, Fotos, Marken, Forum, Kommentare. Wo gibt es Hilfe.
  • Schokolade Icon

    ..und außerdem ...

    mein Blog | mein Netzwerk | barrierefreies WebDesign | Usability im WebDesign | Net-Lexikon | WordPress Themes

©  2004 - 2012Professional Webdesign barrierefrei auf WebDesign-in.de, ImpressumImpressum Lizenz||Top