Hierarchische Struktur des Inhalts mit Hx-Überschriften-Tags

Veröffentlicht: 2018-01-30

Inhaltsverzeichnis

    Die Verwendung von Inhaltsüberschriften auf Websites ist ein sehr beliebtes Thema, das zahlreiche Mythen hervorgebracht hat, die bis heute bestehen. Was sind nun Heading-Tags, warum werden sie verwendet und wie setzt man eine optimale Struktur von Heading-Tags auf einer Website um?

    • 1 Was sind Überschriften?
    • 2 Verwenden Sie wichtige Inhalte in Hx-Überschriften-Tags
    • 3 Was sagt Google zu Hx-Überschriften-Tags?
    • 4 Weitere wichtige Informationen zu Inhaltsüberschriften

    Was sind Überschriften?

    Überschriften-Tags werden verwendet, um Benutzern (auch Webbrowser-Crawlern) die Struktur von Inhalten zu präsentieren. Es gibt sechs Überschriftengrößen – von H1 bis H6 , wobei die erste von größter Bedeutung ist (sie ist die wichtigste Überschrift), während H5 und H6 selten verwendet werden.

    Da Hx-Überschriften-Tags Text enthalten, der erheblich größer als der Rest des Inhalts ist (sollte), ist dies ein visueller Hinweis für Benutzer, der es ihnen ermöglicht zu verstehen, welche Absätze darunter beschrieben werden. Die Verwendung von Überschriften unterschiedlicher Größe zur Darstellung der hierarchischen Struktur erleichtert es den Benutzern, Inhalte zu verdauen.

    In der HTML-Syntax verwenden wir Tags in <> Klammern:

     <h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<h3>Überschrift 3</h3>
<h4>Überschrift 4</h4>
<h5>Überschrift 5</h5>
<h6>Überschrift 6</h6>

    aber auf einer Website sehen sie beispielsweise so aus (natürlich abhängig von einem Stylesheet):

    Anwendungsbeispiele finden Sie hier: https://www.w3schools.com/html/html_headings.asp.

    Verwenden Sie wichtige Inhalte in Hx-Überschriften-Tags

    Wenn fast täglich neue Blogbeiträge, News, Ratgeber oder Fachartikel kommen, lohnt es sich, den User nicht nur mit einem schönen Bild oder einem griffigen Titel zu locken, sondern auch mit strukturierten Inhalten.

    Beim Durchblättern eines bestimmten Artikels auf einem mobilen Gerät achten Leser oft hauptsächlich auf Überschriften. Abgesehen von rein ästhetischen Aspekten erleichtert eine richtige Struktur der Überschriften die Interpretation und Verdaulichkeit von Inhalten, wodurch die Wahrscheinlichkeit besteht, dass ein Benutzer länger auf einer bestimmten Website bleibt.

    Nicht nur Nutzer können von einer gut strukturierten Website profitieren – auch Crawler können dies tun, denn auch ihnen ist Überschriftentext wichtig. Aus diesem Grund ist es so wichtig , dass Überschriften-Tags Schlüsselwörter enthalten , die sich thematisch auf den Inhalt der Seite beziehen. Wenn wir eine bestimmte Seite mit bestimmten Schlüsselwörtern ansprechen, ist es wünschenswert, sie (auch in anderer Form) in Überschriften zu platzieren; Sie können natürlich im Text platziert werden, aber innerhalb eines Grundes.

    Eine Struktur sollte klar definiert sein und Überschriften sollten sich in der Größe voneinander unterscheiden. Es wäre ein Fehler, sie wie Fließtext zu formatieren oder sie nicht nach Wichtigkeit zu unterscheiden.

    Hx-Überschriften in Artikeln

    Beim Schreiben von Blogbeiträgen können wir Überschriften kreativ einsetzen. Sie sollten die Struktur Ihres Artikels definieren, bevor Sie damit beginnen. Überschriften können Querüberschriften sein, die einzelne Absätze trennen (wie in diesem Artikel), und die wichtigste von ihnen <h1> kann verwendet werden, um das Thema zu beschreiben. Es wird häufig automatisch in einem Website-Template definiert. Wenn dies nicht der Fall ist, lohnt es sich, eine Änderung vorzunehmen, die mit einem SEO-Experten und einem Webentwickler besprochen wird.

    Eine gut gestaltete Struktur eines Artikels kann ihn ansprechender aussehen lassen. Interessante Inhalte in Überschriften informieren Leser (und Crawler) klar darüber, was sie von einem bestimmten Artikel erwarten können.

    Welche Überschriften-Tags sollen auf der Homepage der Website platziert werden?

    Auch Homepages (oder andere Seiten, zB Serviceseiten) sollten eine hierarchische Struktur der Überschriften haben. Im Abschnitt <head> ist es ratsam, H1, unter H2, H3 usw. zu platzieren , obwohl es keine maximale Anzahl von Heading-Tags gibt. Auch im Fall von H1 brauchen Sie sich nicht auf eine einzige Überschrift zu beschränken (wie weiter unten erläutert wird).

    Allerdings müssen Sie bedenken, dass Abschnitte wie „Über uns“ oder „Mehr erfahren“ in Überschriften nicht viel Inhalt bringen. Auch die Verwendung von Überschriften von geringerer Bedeutung, zB H5–H6, ist ziemlich sinnlos (abgesehen vom Layoutaspekt eines Artikels).

    Einseitige Websites = ein H1-Überschriften-Tag?

    Bei einseitigen Websites ist es nicht so offensichtlich wie bei Blogartikeln. In den HTML5-Spezifikationen (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html) finden Sie das <section> -Tag, das für die Definition einzelner Abschnitte in einem HTML-Dokument verantwortlich ist. Ein Abschnitt enthält normalerweise eine Überschrift, daher kann jeder Abschnitt eine andere hierarchische Struktur haben, zum Beispiel:

     <Abschnitts-ID="über">
 <h1>Über mich</h1>
 <p>Ein bisschen Text über mich:)</p>
 <h2>Mein Name ist Dawid...</h2>
 <p>Zweiter Absatz über mich. lol :)</p>
</Abschnitt>

<Abschnitts-ID=”Portfolio”>
 <h1>Mein Portfolio</h1>
 <p>Meine neuesten Projekte...</p>
</Abschnitt>

<Abschnitt>
 <h1>Erfahrungsberichte</h1>
 <p>Meinungen zufriedener Kunden...</p>
 <h2>Neueste Tweets</h2>
 <p>Twittere 1</p>
 <p>Twittere 2</p>
</Abschnitt>

<Abschnitt>
 <h1>Kontakt</h1>
</Abschnitt>

    Wie Sie oben sehen können, hat jeder Abschnitt eine andere H1-Überschrift, dann eine H2-Überschrift… Obwohl Sie sich entscheiden können, ein oder mehrere H1-Überschrift-Tags und anschließend H2, H3 usw. zu haben.

    Was sagt Google zum Hx-Tag?

    Google-Mitarbeiter haben viel über Überschriften-Tags gesagt, aber es lohnt sich, ihre neuesten Meinungen zu zitieren. Vor einem Jahr schrieb John Meuller im Google-Forum für Webmaster Folgendes: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

    „Wir behandeln HTML5 nicht anders und es ist in Ordnung, mehrere H1-Tags auf einer Seite zu haben. Seien Sie vernünftig, wenn Sie sie verwenden, verwenden Sie sie, wo sie sinnvoll sind. Es gibt definitiv keine Strafe für die Verwendung von H1s.“

    Etwas später, im April 2017, antwortete John ganz kurz auf Twitter (https://twitter.com/JohnMu/status/852131231928135680) auf die Frage, wie viele H1-Überschriften auf einer einzigen Seite verwendet werden können.

    Schließlich wurde im Rahmen der YouTube-Serie „SEO Snippets“ auf dem Google Webmaster-Kanal eine kurze Anleitung zu diesem Thema hochgeladen:

    Probieren Sie Senuto aus Starten Sie Ihre kostenlose Testversion

    Weitere wichtige Informationen zu Inhaltsüberschriften

    Auch wenn Google-Mitarbeiter (zumindest in ihren offiziellen Erklärungen) einen flexiblen Ansatz für Überschriften-Tags vorschlagen, gibt es ein paar Regeln, die es wert sind, befolgt zu werden:

    • Verwenden Sie Überschriften auf einer Seite nicht zu häufig
    • Verwenden Sie Überschriften, wo es sinnvoll ist und wenn sie den Text darunter widerspiegeln, um Benutzern zu helfen, zu bestimmen, wo ein bestimmter Absatz beginnt und endet
    • Setzen Sie keine ganzen Absätze (den gesamten Inhalt) in eine Überschrift
    • Verwenden Sie nicht nur Schlüsselwörter, schon gar nicht in unnatürlicher Form
    • Blenden Sie Überschriften im Fließtext nicht aus, indem Sie für die Überschrift und den Fließtext die gleiche Schriftgröße verwenden
    • Halten Sie die Strukturhierarchie geordnet
    • Verwenden Sie vielleicht manchmal das <strong>-Tag anstelle eines Überschriften-Tags ????.

    Beim Erstellen von Inhalten weder über- noch unteroptimieren; Streben Sie stattdessen nach einem Gleichgewicht und konzentrieren Sie sich auf die Gefühle der Benutzer, die Inhalte auf Ihrer Website verdauen, einschließlich Artikeln, Leitfäden oder anderen Blog-Beiträgen. Schließlich sind Überschriften Ranking-Determinanten für die Google-Suchmaschine und deshalb dürfen Sie sie nicht vernachlässigen.

    Probieren Sie Senuto aus Starten Sie Ihre kostenlose Testversion