This site uses cookies and other tracking technologies to make possible your usage of the website, assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide better user experience.

By using the website, you agree to our Datenschutzerklärung

Accept and continue

Report a bug

Cancel
268 8
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

    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

    Erfahre, wie du Serpstat mit bestmöglicher Effizienz verwendest

    Möchtest du persönliche Produktdemonstration, die Testversion oder erfolgreiche Use-Cases bekommen?

    Sende eine Anfrage und unser Support-Team kontaktiert dich ;)

    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

    Teile den Artikel in sozialen Netzwerken :)

    Einloggen Registrieren

    Вы исчерпали лимит запросов.

    Or email
    Забыли пароль?
    Or email
    Back To Login

    Don’t worry! Just fill in your email and we’ll send over your password.

    Are you sure?

    Awesome!

    To complete your registration you need to enter your phone number

    Back

    We sent confirmation code to your phone number

    Your phone Resend code queriesLeft

    smthWentWrong

    contactSupport
    telegramVerification telegramBotLink
    Choose the project to view data on it

    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

    Upgrade your plan

    Export is not available for your account. Please upgrade to Plan A or higher to get access to the tool. Learn more.

    Sign Up Free

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

    Invite
    Просмотр Редактирование

    E-mail
    Message
    Optional
    E-mail
    Message
    Optional

    У вас закончились лимиты

    Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

    Я хочу больше лимитов