9831 2
SEO Lesezeit 7 Minuten 4 July 2019

Wie verwendet man strong-, b-, em- und
i-HTML-Tags

Wie verwendet man strong-, b-, em- und i-HTML-Tags
Die Tags <strong>, <b>, <em>, <i> sollten für die visuelle Formatierung von Text auf der Webseite verwendet werden. Sie sind notwendig für die Anordnung von semantischen und visuellen Akzenten.
Die falsche Verwendung von Tags führt den Leser oder die Suchmaschine häufig in die Irre. Warum? Wir werden die Verwendung nach diesem Artikel verstehen.

Bedeutung und Unterschiede der Tags

HTML ist eine Sprache zur Markierung mit Hypertext. Damit teilen wir dem Browser mit, welche Elemente der Webseite angezeigt werden sollen. Wenn früher nur visuelle Elemente und Texte angezeigt wurden, ist die HTML-Sprache heute in der Lage, die semantische Bedeutung des Seiteninhalts zu übertragen. Zu diesem Zweck verwenden Entwickler spezielle Elemente für die Textformatierung.

Der Text ist aus drei Gründen formatiert:
1
Um die Aufmerksamkeit des Lesers auf ein bestimmtes Wort oder eine bestimmte Phrase zu lenken.
2
Um die Aufmerksamkeit von Suchrobotern zu lenken und ihnen zu helfen, die Bedeutung dessen zu verstehen, was auf der Seite gepostet wird.
3
Um einen semantisch korrekten Code zu erstellen, wie vom World Wide Web Consortium (W3C) gefordert.
Bis vor kurzem schlug HTML vor, die Tags <b> und <i> zu verwenden, um Text fett oder kursiv zu schreiben. Mit dem Erscheinen der neuen Version der HTML5-Auszeichnungssprache sind zusätzliche Tags erschienen, die in ihrem Zweck ähnlich sind: <strong> und <b>, <em> und <i>.

Dies ist auf die Entwicklung von Suchmaschinen zurückzuführen, die heute die Bedeutung der auf der Seite veröffentlichten Informationen verstehen wollen. Die Autoren schlugen vor, HTML-Tags für den Text mit semantischer und visueller Formatierung zu unterscheiden. Mithilfe visueller Formatierungstags (<b>, <i>) wählen wir einen Teil des Textes visuell aus, und Tags mit semantischer Formatierung (<strong>, <em>) vermitteln Emotionen.

Visuell kann man nie erkennen, welches Tag auf einer Seite verwendet wird. HTML kann fett mit <strong> und mit <b> und kursiv mit <em> und <i> geschrieben werden. Warum also solche Dinge komplizieren?

Es gibt einen Hinweis. Wenn du die Formatierung des Textes einschaltest, werden die Wörter, die durch die Tags <strong> und <em> hervorgehoben werden, vom Computer mit einer besonders emotionalen Intonation und Lautstärke gelesen. Der springende Punkt ist dies, da die semantische Formatierung den Suchmaschinen hilft, den geschriebenen Kontext (die Bedeutung) zu verstehen.
    1
    <strong> ist ein semantisches Formatierungstag. Es vermittelt die Wichtigkeit des ausgewählten Textes und sieht optisch fetter aus als der Haupttext.
    2
    <b> ist ein visuelles Formatierungstag. Es hebt den Text einfach fett hervor und misst ihm keine große Bedeutung bei.
    3
    <b> ist ein visuelles Formatierungstag. Es hebt den Text einfach fett hervor und misst ihm keine große Bedeutung bei.
    4
    <em> ist ein semantisches Formatierungstag. Es wird verwendet, um Wörter oder Phrasen im Verhältnis ausdrucksvollerer zu betonen. Visuell wird das Wort oder die Phrase kursiv dargestellt.
    5
    <i> ist ein visuelles Formatierungstag. Wird für Kursivschrift verwendet, konzentriert sich jedoch nicht auf ein Wort oder eine Phrase.
    In der W3C-Spezifikation sind alle HTML-Tags in zwei Abschnitte unterteilt. <em> und <strong> befinden sich im Abschnitt „Strukturierter Text". Dies bedeutet, dass sie das Erscheinungsbild definieren und spezielle Programme berücksichtigen, die die Intonation und Lautstärke ändern sollen.

    Das Erscheinungsbild muss nicht unbedingt fett oder kursiv sein. Es kann von CSS-Stilen gesteuert werden, überträgt jedoch den Wert des wichtigeren markierten Texts im Verhältnis zu einem anderen im Browser. <b> und <i> befinden sich im Abschnitt „Formatierung" und teilen dem Browser mit, wie ein Textfragment angezeigt werden soll.

    Welches Tag ist in Bezug auf SEO besser zu verwenden?

    Es gibt keine wesentlichen Richtlinien für Suchmaschinen, wie grundlegende HTML-Tags zur Optimierung von Seiten verwendet werden. Google-Mitarbeiter lehnen jeden Unterschied ab und gestatten, einen von ihnen zu verwenden. Die Transformation von Algorithmen lässt jedoch Zweifel aufkommen.

    Die Mission von Suchmaschinen ist es, relevante Ergebnisse als Antwort auf die Anfrage eines Benutzers bereitzustellen. Dazu versuche, die Bedeutung dessen zu verstehen, was du auf Seiten veröffentlichst. Die Verwendung semantischer Tags vereinfacht diese Aufgabe. Sie lenken die Aufmerksamkeit der Suchroboter auf die Wörter und Ausdrücke, mit denen sie feststellen können, zu welcher Suchanfrage die Seite am wahrscheinlichsten gehört.
    Es gibt jedoch W3C-Empfehlungen:
    Verwende in HTML5 das <strong>-Tag für besonders wichtige Fragmente. Dies ist am relevantesten:

    ⦁ im Titel oder in Unterschriften.
    ⦁ im Teil des Textes, der relativ zu einem anderen Text eine besondere Bedeutung hat.
    ⦁ um wichtige Informationen hervorzuheben, benachrichtige den Leser darüber.
    ⦁ um die Aufmerksamkeit des Lesers auf sich zu ziehen, bevor er den Rest der Informationen auf der Seite liest.

    Das <b>-Tag wird verwendet:

    ⦁ in Schlüsselwörtern,
    ⦁ in Namen und Titel,
    ⦁ im Aufruf zum Handeln.

    Verwende das <em>Tag, wenn du auf einen bestimmten Teil des Textes achten musst. Besonders, wenn es die Bedeutung anzeigen kann. Lass uns ein einfaches Beispiel zeigen: Der Satz lautet: "Katzen sind süße Tiere." Je nachdem, wo das <em>-Tag platziert ist, ändert sich die Bedeutung.

    • „<em>Katzen</em> sind süße Tiere" – wenn jemand behauptet, dass andere Tiere süß sind.
    • „Katzen sind <em> süße</em> Tiere" – wenn jemand behauptet, dass Katzen böse Tiere sind.
    • „Katzen sind süße <em>Tiere</em> " - wenn jemand behauptet, dass Katzen süßes Gemüse sind.
    Wenn du keine semantische Betonung benötigst, verwende das <i>-Tag. Es ist angebracht, Zitate, Redewendungen, Bezeichnungen usw. hervorzuheben.

    Fazit

    Wenn du Stichwörter hervorheben möchtest, die sinnvoll sind, verwende das Tag <strong> oder <em>. Verwende diese HTML-Tags nicht für Standardphrasen, z. B. „10 % Rabatt", „Aktionspreise". Wähle sie mit den Tags <b> und <i> aus.

    Vermeide Anhänge mit denselben Tags: <em> <i> Ausdruck oder Wort </i> </em>. Suchmaschinen nehmen solche Konstruktionen als Spam und Neuoptimierung wahr. Konzentriere dich auf die offiziellen Empfehlungen von W3C.

    Sollte ich die alten Tags auf der Seite gemäß den neuen Empfehlungen ändern? Höchstwahrscheinlich nicht. Dies wird zu viel Zeit in Anspruch nehmen und dir auf lange Sicht ein minimales Ergebnis bringen.
    Dieser Artikel gehört zum Modul «Checklist» von Serpstat
    «Checklist» von Serpstat" title = "Wie verwendet man strong-, b-, em- und i-HTML-Tags 16261788294537" />

    Die Option „Checklist" ist eine To-do-Liste, die dir hilft, den Aufgabenstatus des bestimmten Projekts zu verfolgen. Das Tool umfasst fertige Vorlagen mit einer umfangreichen Liste der Parameter, die zur Entwicklung erforderlich sind. Du kannst diese fertigen Vorlagen einsetzen oder eigene Posten hinzufügen.
    Checklist testen

    blog_main_page_trial_form_header

    article_trial_block_first_line

    article_trial_block_second_line

    7_day_trial_button

    Rate the article on a five-point scale

    The article has already been rated by 0 people on average out of 5
    Hast du einen Fehler gefunden? Markiere diesen und betätige Ctrl + Enter, um es uns mitzuteilen

    discover_more_seo_tools

    seo_seo_block_title_1

    seo_seo_block_text_1

    seo_seo_block_title_2

    seo_seo_block_text_2

    seo_seo_block_title_3

    seo_seo_block_text_3

    seo_seo_block_title_4

    seo_seo_block_text_4

    Teile den Artikel in sozialen Netzwerken :)

    Are you sure?

    Persönliche Produktdemonstration

    Serpstat hilft dir, noch mehr Zeit zu sparen! Bitte fülle das Formular vollständig aus — du wirst schnellstmöglich von einem unserer Produktspezialisten kontaktiert.

    Persönliche Demonstration umfasst den Testzeitraum des Services, umfangreiche Anleitungen und Webinare, individuelle Beratung von Serpstat-Experten. Wir machen alles, damit du mit Serpstat zurechtkommst.

    Name

    Email

    Telefonnummer

    Wir freuen uns auf deine Kommentare
    Ich stimme den Datenschutz-Policy von Serpstat zu..

    Спасибо, мы с вами свяжемся в ближайшее время

    Report a bug

    Cancel
    Open support chat
    mail pocket flipboard Messenger telegramm