Header-Tags: Ein einfacher (aber vollständiger) Leitfaden für H1-, H2- und H3-HTML-Header-Tags für SEO
Veröffentlicht: 2020-08-25
Dies ist ein vollständiger Leitfaden für Header-Tags im Jahr 2021.
In diesem neuen Leitfaden erfahren Sie genau, wie Sie H1- bis H6-Tags verwenden, um höhere Suchmaschinenrankings zu erzielen, selbst wenn Sie neu bei SEO-Header-Tags sind oder (von Google) zu der Annahme verleitet wurden, dass Header-Tags dies nicht tun Arbeit.
Sie sind dabei, alles zu lernen, was Sie jemals über HTML-Überschriftenelemente wissen müssen, von dem, was sie (im Klartext) sind, bis hin zu fortschrittlichen Überschriftenstrategien, die nachweislich die Reichweite und das Engagement Ihrer Inhalte erhöhen.
Hier ist ein kurzer Überblick darüber, was abgedeckt ist:
- Was sind Überschriften-Tags und wie werden sie genau verwendet ?
- Der Unterschied zwischen H1-, H2- und H3-Tags und wann es richtig ist, jeden Typ zu verwenden
- Fünf Gründe, warum Überschriften-Tags gerade jetzt unerlässlich sind
- Die Anatomie einer perfekt strukturierten Header-Tag-Hierarchie
- So erstellen Sie H1- bis H6-Tags, die höhere Rankings (und Verkäufe) liefern
- Viel mehr
Lass uns anfangen.
DOWNLOAD: Eine kostenlose Checkliste, die Ihnen genau zeigt, wie Sie die in diesem Beitrag enthaltenen Tipps zur Optimierung von Header-Tags umsetzen können.
Was sind Überschriften-Tags? Eine jargonfreie Definition
In einfachen Worten:
Überschriften-Tags sind HTML-Elemente, mit denen die Überschriften einer Seite definiert werden.
Sie grenzen die Überschrift <h1> und die Unterüberschriften <h2> bis <h6> vom restlichen Inhalt ab.
Die Zahl von 1 bis 6 bestimmt die Wichtigkeit und die Position einer Überschrift in der Gesamthierarchie der Überschriftenstruktur.
Wie bei den meisten SEO-Begriffen gibt es alle möglichen Synonyme, die austauschbar verwendet werden, um Überschriften zu beschreiben:
Header-Tags, HTML-Überschriften und H-Tags sind einige andere Möglichkeiten, dasselbe zu beschreiben.
Wenn Sie diese SEO-Begriffe also schon einmal gehört haben, wissen Sie jetzt, was sie bedeuten.
Sie sind alle nur Überschriften-Tags mit unterschiedlichen Namen.
Andererseits ist ein „ HTML-Header “ der Codeabschnitt zwischen dem <header> -Element auf einer Webseite.
Es ist ein Container für einführende Inhalte wie Navigation, Logo, Autoreninformationen und Überschriftendetails.
Mit anderen Worten, es ist ein Container, der (unter anderem) Ihre Überschriften-Tags enthalten kann .
Sie sollten Überschriften-Tags auch NICHT mit dem < head >-Element des HTML-Codes verwechseln.
Der < head > ist ein Container für Metadaten (Daten über Daten) und wird zwischen dem < html > -Tag und dem <body>-Tag auf Ihrer Webseite platziert. Ihre Inhalte werden nicht auf der Seite gerendert, sind aber für SEO entscheidend.
Es ist der Ort in Ihrem Code, an dem Ihr Seitentitel, Ihre Meta-Beschreibung und Skripte wie Google Analytics untergebracht werden.
Immer noch bei mir?
Super, weiter gehts.
Was ist ein H1-Tag?
Nehmen wir an, Sie wissen nichts über H1s.
Ich werde eine wirklich einfache Definition mit Ihnen teilen:
Das H1 ist ein HTML-Tag, das die primäre Überschrift auf einer Webseite angibt.
Packen wir das aus.
- Es ist ein HTML-Element, was bedeutet, dass sich das H1-Tag im Code Ihrer Website befindet.
- Es wird verwendet, um die Hauptüberschrift zu markieren, normalerweise die erste sichtbare Kopfzeile auf einer Seite.
Um den Text hervorzuheben, wird das H1-Tag normalerweise größer und prominenter als der Rest des Textes auf Ihrer Seite oder Ihrem Beitrag angezeigt.
Am einfachsten können Sie sich vorstellen, wie Sie das Tag „Überschrift 1“ verwenden würden, indem Sie sich vorstellen, dass Sie die Gliederung eines Dokuments schreiben.
Der Haupttitel Ihres Dokuments sollte Ihr <h1> sein.
Es sollte das Gesamtthema des Dokuments darstellen und am Anfang als große Schrift dargestellt werden.
H1-Tag-Beispiel:
Im obigen Beispiel von Smart Passive Income hat das H1-Tag den Wert „Learn Ethical Affiliate Marketing“.
Bei der Anzeige in HTML sieht das H1-Tag wie folgt aus:
<h1>Learn Ethical Affiliate Marketing</h1>Natürlich benötigen die Seiten Ihrer Website möglicherweise mehr als eine Überschrift.
Hier kommen die anderen Überschriften-Tags ins Spiel.
Was ist ein H2-Tag?
Während Ihr H1-Tag für die Hauptüberschrift Ihres Dokuments verwendet wird ;
Ihre wichtigsten Punkte sind in Unterüberschriften verpackt, die als H2s bekannt sind.
Mit anderen Worten:
Ein <h2>-Tag definiert die Überschriften der zweiten Ebene auf Ihrer Webseite.
Aber Überschriften-Tags enden nicht bei H2s.
Unterpunkte unter Ihren <h2>-Tags verwenden <h3>-Überschriften-Tags:
Und Unterpunkte unter <h3>-Tags verwenden <h4>-Überschriften-Tags.
Diese Sequenz kann bis zu <h6>-Tags fortgesetzt werden, die in der Header-Tag-Hierarchie am unwichtigsten sind.
Aber:
Es ist ziemlich selten, dass Sie Inhalte tief genug schreiben, um H4-, H5- und H6-Tags zu benötigen.
(Es sei denn, Ihr Inhalt ist sehr lang und technisch).
Wie dieser zur Bild-SEO sind die meisten meiner Blog-Posts mehr als 5.000 Wörter lang.
Und trotzdem bestehen meine Unterüberschriften nur aus H2s und H3s:
Lassen Sie uns also die H2-Tags abschließen:
H2-Unterüberschriften-Tags werden verwendet, um Inhalte aufzubrechen und sie durchsuchbar und leicht lesbar zu machen.
H2s werden verwendet, um wichtige Informationen hervorzuheben und Unterabschnitte auf Ihrer Seite zu leiten.
Bei Bedarf können Sie H3-Tags als Überschriften für Unterpunkte unter Ihren H2s verwenden.
Anhand des obigen Beispiels sieht ein H2-Tag im HTML-Code so aus:
<h2>How To Claim Your Business On Google</h2>Habe es? Gut.
Als Nächstes tauchen wir tiefer in Überschriften-Tags ein und wie man sie in HTML kodiert.
Überschriften-Tags in HTML: Und die Bedeutung des H1
Heading-Tags und insbesondere das H1-Tag haben eine wesentliche Funktion innerhalb einer HTML-Struktur.
Lassen Sie mich erklären:
Eine HTML-Datei kann als eine Kombination von Knoten definiert werden, wobei das Heading-Tag der Ausgangspunkt ist, von dem andere Knoten abzweigen.
Eine HTML-Datei sollte daher (theoretisch) nur eine H1-Überschrift haben.
Warum? Denn das H1-Tag ist die Wurzel, von der alle anderen Knoten ausgehen.
Dagegen können Header niedriger in der Reihenfolge (H2 bis H6) beliebig oft verwendet werden.
Sie sollten jedoch eine logische Hierarchie beibehalten – dazu später mehr.
Aus Code-Sicht werden Überschriften-Tags nur zur Anzeige von Text verwendet.
Daher sollte die Formatierung von Überschriften in den CSS-Dateien angegeben werden, um Format und Inhalt zu trennen.
Beispiele für Überschriften-Tags und wie man sie in HTML kodiert
Was ein Überschriften-Tag zu einem Header im Code Ihrer Website macht, sind zwei einfache HTML-Tags:
Ein öffnendes <h>- und ein schließendes </h>-Tag.
Innerhalb dieser beiden Tags befindet sich der Überschriftentext, den Sie anzeigen möchten:
Die Codezeilen für eine Überschrift mit zwei Unterüberschriften sehen so aus:
<h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>Natürlich zeigt Ihr Website-Code nicht nur Überschriften an.
Es wird auch Textkörper und andere Elemente enthalten.
So sieht ein HTML-Code mit einer Reihe von Überschriften UND Textkörpern aus:
<h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>Es gibt nicht viel mehr zu den Codeelementen als das.
Denk dran:
Jedes Überschriften-Tag beginnt mit einem öffnenden <h>-Tag und muss mit einem abschließenden </h>-Tag abgeschlossen werden.
Die Tag-Hierarchie (1-6) wird unmittelbar nach dem „h“ angegeben und sollte sowohl im öffnenden als auch im schließenden Tag definiert werden.
Ihr Textinhalt wird zwischen die beiden Tag-Elemente geschrieben.
Mit all dem gesagt:
Sofern Sie eine Webseite nicht selbst codieren (was ich generell NICHT empfehlen würde), wird der HTML-Code Ihrer Überschriften-Tags von Ihrem Content-Management-System verarbeitet.
So fügen Sie H1-zu-H6-Tags in WordPress hinzu
WordPress ist das beliebteste Content-Management-System im Web.
Laut WordCamp gibt es derzeit über 75 Millionen Websites, die WordPress verwenden .
Das sind rund 30 % aller Websites im World-Wide-Web.
Was WordPress so beliebt macht, ist seine Suchmaschinenfreundlichkeit und Benutzerfreundlichkeit.
Das Hinzufügen von SEO-Funktionen wie benutzerdefinierten Seitentiteln und Permalinks, Hyperlinks und optimierten Bildern ist in WordPress ein Kinderspiel.
Das gilt auch für das Hinzufügen von Überschriften-Tags zu einer Seite oder einem Beitrag.
Es gibt zwei primäre Möglichkeiten, Überschriften-Tags in WordPress hinzuzufügen; Ich zeige euch beide:
(ein). Hinzufügen von H1-Tags in WordPress über den Editor
Der einfachste Weg, Überschriften hinzuzufügen, ist über den Editor. Wenn Sie bereits den Gutenberg-Blockeditor verwenden, klicken Sie auf die Schaltfläche „+“ und wählen Sie „Überschrift“;
Von dort aus können Sie auswählen, welche Überschrift Sie hinzufügen möchten.
Wenn Sie noch den klassischen Editor verwenden, ist es auch einfach.
Stellen Sie einfach sicher, dass Sie sich auf der Registerkarte „Visuell“ des Editors befinden, und navigieren Sie zum Dropdown-Menü „Textstil“.
Wählen Sie dann einfach „Überschrift 1“ oder „Überschrift 2“ … oder eine beliebige andere Überschrift aus dem Dropdown-Menü aus.
Einfach, oder?
Die nächste Option zum Hinzufügen von H1- bis H6-Tags in WordPress ist die Verwendung von HTML.
(B). Hinzufügen von H1-Tags in WordPress über den Editor
Wenn Sie möchten, können Sie in WordPress auch Überschriften mit HTML hinzufügen.
Ich bin mir sicher, dass Sie mitverfolgt haben, also kennen Sie bereits den HTML-Code für <h1>, <h2>, <h3> usw.
Es beginnt mit einem öffnenden <h> und endet mit einem schließenden </h>-Tag mit Ihrem Überschriftentext dazwischen:
Um <h1> bis <h6>-Tags in WordPress mit dem klassischen Editor hinzuzufügen, müssen Sie sich auf der Registerkarte „Text“ befinden:
Im Blockeditor müssen Sie auf die Bearbeitung als HTML umstellen.
Klicken Sie dazu auf die drei vertikalen Punkte in der Blocksymbolleiste. Wählen Sie dann die Option Als HTML bearbeiten.
So:
Kopieren Sie in beiden Editoren einfach das Überschriften-Tag, das Sie verwenden möchten, von den unten stehenden , aktualisieren Sie Ihren Überschriftentext, und schon kann es losgehen.
<h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>Wenden wir uns als nächstes Shopify zu.
So fügen Sie H1- bis H6-Tags in Shopify hinzu (oder ändern sie).
Seit es auf der Bildfläche erschienen ist, hat sich Shopify schnell zur bevorzugten E-Commerce-Plattform entwickelt.
Nach Angaben des Hosting Tribunal verwenden fast eine halbe Million Websites Shopify.
Was Shopify wie WordPress am attraktivsten macht, ist seine Benutzerorientierung.
Das Verwalten von Produkten, das Hinzufügen und Entfernen von Seiten und Beiträgen ist unglaublich einfach.
Dies gilt auch für das Hinzufügen von <H2> zu <H6>-Überschriften-Tags.
Klicken Sie im Seiten- oder Beitrags-Editor einfach auf die Registerkarte „Formatierung“:
Wählen Sie dann Ihr gewünschtes Überschriften-Tag aus:
Wie bei WordPress und anderen Content-Management-Systemen bietet auch Shopify einen Code-Editor.
Um mit dem Code-Editor Überschriften zu Shopify hinzuzufügen, klicken Sie auf die Schaltfläche <> des Editorfensters und fügen Sie Ihren Überschriftencode hinzu:
Ziemlich einfach!
Sollten Sie andererseits die <H1>- und <H2>-Tags auf den anderen Seiten Ihres Shopify-Shops, wie Ihrer Startseite oder Produktseiten, hinzufügen und optimieren wollen …
Sie müssen Ihre Shopify-Designdateien bearbeiten.
Glücklicherweise hat Daniel Sim von Plugin Useful hier eine praktische Anleitung dazu zusammengestellt.
Warum Überschriften verwenden?
Wir haben also behandelt, wie man Überschriften-Tags hinzufügt.
Trotzdem fragen Sie sich vielleicht, „warum“ überhaupt Überschriften verwendet werden?
Vor allem, wenn Google die Verwendung von Überschriften für SEO als überbewertet bezeichnet hat:
Ungeachtet dessen, was Google sagt, gibt es (tatsächlich) mehrere wichtige Gründe , warum Sie Überschriften-Tags verwenden sollten:
1. Überschriften-Tags verbessern die Zugänglichkeit – was Ihren Inhalten eine größere Reichweite verleiht
Wenn Sie möchten, dass Ihre Inhalte für alle zugänglich sind, einschließlich sehbehinderter Leser, sind Überschriften-Tags unglaublich nützlich.
Die Bildschirmlesetechnologie verwendet H1s und andere Überschriften-Tags, um Benutzern zu helfen, durch Inhalte zu navigieren, eine Seite zu scannen und zu durchsuchen.
Wie Sie bereits gelernt haben, werden Überschriften in HTML eingebettet, was bedeutet:
Ein Screenreader kann den HTML-Code verwenden, um die Inhaltsstruktur zu identifizieren und die Überschriften laut vorzulesen.
Dies hilft wiederum sehbehinderten und blinden Benutzern, sich einen Überblick darüber zu verschaffen, worum es in einem Artikel geht (ohne Wort für Wort durchhören zu müssen).
Sie können dann entscheiden, ob sie den Artikel vollständig lesen möchten oder nicht.
Was ist mehr:
Screenreader bieten Verknüpfungen, um von einer Überschrift zur nächsten zu springen.
Mit anderen Worten, Überschriften-Tags werden auch von Sehbehinderten zur Navigation verwendet .
2. Google verwendet H1s anstelle von Titel-Tags (wo relevant)
In einigen (nicht so) seltenen Fällen;
Zum Beispiel, wenn Google Ihr Titel-Tag nicht finden oder verarbeiten kann.
Google kann sich dafür entscheiden, einen Titel aus dem nächstrelevantesten Teil Ihrer Seite zu extrahieren.
In den meisten Fällen wird dies das Tag Überschrift 1 sein, da es das auffälligste verfügbare Textelement ist.
In gewisser Weise dient das H1-Tag einer Seite einem ähnlichen Zweck wie das Titel-Tag.
Es sollte die Suchabsicht erfüllen, den Lesern sagen, was sie von der Seite erwarten können, und die Benutzer dazu anregen, mehr zu lesen.
Jetzt wissen Sie, dass Google Ihren H1 in SERPs anzeigen kann; Stellen Sie sicher, dass Sie eine überzeugende, klickwürdige Überschrift erstellen.
Tipps dazu gebe ich später.
3. Überschriften werden in Featured Snippets verwendet
Sehen Sie sich dieses hervorgehobene Snippet an.
Es ist ein Listenausschnitt, der die besten Social-Media-Blogs für 2020 enthält.
Und woher, glauben Sie, wird dieser Text gezogen?
Du hast es erraten. Die Überschriften der Ranking-Seite:
Wenn Sie in der wachsenden Zahl von Featured Snippets auftauchen möchten, ist das Einfügen von Überschriften in Ihre Seite von entscheidender Bedeutung.
Was mich zu meinem nächsten Grund bringt:
4. Google verwendet Überschriften, um Ihre Inhalte zu interpretieren (und ihm einen Ranking-Schub zu geben).
Ich werde diesen Punkt mit zwei Aussagen von Google unterstreichen.
Zunächst von John Mueller, Senior Webmaster Trends Analyst bei Google, der sagt:
„Wir verwenden H-Tags, um die Struktur des Textes auf einer Seite besser zu verstehen.“
Und zweitens von Matt Cutts, ehemals Teil des Search Quality-Teams von Google.
„Google betrachtet viele verschiedene Dinge. Wir betrachten über 200 Dinge, der PageRank ist nur einer davon. Wann immer wir Dinge bewerten, verwenden wir Dinge im Titel, in der URL, sogar Sie kennen Dinge, die hervorgehoben werden, wie h1-Tags und solche Sachen.“
Matt Cutts, Google
Um dies weiter auszubauen:
Google verwendet die Überschriften einer Seite, um (besser) zu interpretieren, worum es im Inhalt geht.
Da eine Überschrift normalerweise einem Inhaltsblock vorangestellt werden sollte:
Google zeigt eine Überschrift an, um mehr über den folgenden Inhalt zu erfahren: Text, Bild oder Video.
Wenn Ihre Überschrift und der Haupttext übereinstimmen, kann Google sicherer sein, dass Ihr Inhalt relevante Antworten auf Anfragen (in Bezug auf den Inhalt) liefert.
Und im Gegenzug erhalten Sie einen leichten Ranking-Boost.
Damit zu meinem fünften Grund für die Verwendung von Überschriften.
5. Die Verwendung von Überschriften korreliert mit höheren Rankings
Fast jede SEO-Korrelationsstudie, die ich je gesehen habe, hat eine kleine, aber positive Korrelation zwischen höheren Rankings und Überschriften auf einer Seite gezeigt.
Nehmen Sie dieses von SEM Rush:
Es stellte sich heraus, dass gut strukturierte Artikel (mit H2- und H3-Tags) eher leistungsstark sind.
Und dieses hier von Moz:
Die Moz-Ranking-Faktoren-Studie ergab, dass Seiten mit dem Schlüsselwort im H1-Überschriften-Tag mit größerer Wahrscheinlichkeit einen höheren Rang einnehmen.
Während die Gewichtung von Überschriften-Tags in diesen Studien nur moderat ist, und;
Einige SEOs werden (zu Recht) argumentieren, dass die Korrelation von Überschriften-Tags mit höheren Rankings nicht beweist, dass sie mehr Top-Rankings verursachen . Ich bin sicher, Sie werden mir zustimmen:
Es lohnt sich, gut optimierte Überschriften-Tags zu verwenden.
Oder ist es?
Funktionieren H1-Tags wirklich (ein SEO-Experiment)?
Jeder SEO-Leitfaden da draußen bietet die gleichen Ratschläge:
Aber nicht alle Blogs folgen diesen sogenannten SEO-Best Practices, Moz ist eine davon.
Moz.com ist eine der vertrauenswürdigsten (und am häufigsten besuchten) Websites zum Thema SEO, und dennoch:
Das Blog von Moz hat kein H1-Tag und verwendet stattdessen ein H2-Tag für die Hauptüberschrift.
Nachdem Craig Bradford von Distilled bemerkt hatte, dass der Moz-Blog H2-Tags für Überschriften (anstelle von H1s) verwendete, wandte er sich an Cyrus Shepard bei Moz.
Gemeinsam beschlossen Craig und Cyrus, ein Experiment durchzuführen, das hoffentlich ein für alle Mal bestimmen würde, ob H1-Tags die Platzierungen in Suchmaschinen beeinflussen.
Dazu entwickelten sie mit SearchPilot einen 50/50-Split-Test der Schlagzeilen des Moz-Blogs; ein SEO-A/B-Split-Testing-Tool.
Im Experiment wurde die Hälfte der Schlagzeilen von Moz in H1 geändert und die andere Hälfte als H2 beibehalten.
Dann maßen sie jeden Unterschied im organischen Traffic zwischen den beiden Gruppen.
Was ist Ihrer Meinung nach passiert, als die primären Überschriften vom falschen Überschriften-Tag (H2) in die richtige Überschrift (H1) geändert wurden?
Die Antwort:
Überhaupt nicht viel!
Nach acht Wochen der Datenerfassung stellten sie fest:
Das Ändern der Überschriften der Blogposts von H2s zu H1s machte keinen statistisch signifikanten Unterschied.
Was können wir daraus ableiten?
Lediglich, dass Google gleichermaßen in der Lage ist, den Kontext der Seite zu bestimmen, wenn Ihre Hauptüberschrift in H1 oder H2 eingeschlossen ist.
Bedeutet das, dass Sie die Best Practice aufgeben und H1s abschaffen sollten?
Ganz und gar nicht.
Header-Struktur: Anatomie einer perfekt strukturierten Header-Tag-Hierarchie
Wie ich bereits ausgeführt habe:
Überschriften kommunizieren die Organisation von Inhalten auf Ihrer Seite.
Und machen Sie Ihre Inhalte für die Leser konsumierbarer.
Obwohl Google erklärt hat, dass sie auch ohne „Überschriften-Tags“ bestimmen können, was auf einer Seite bemerkenswert ist …
Der SEO-Vorteil der Verwendung von Überschriften-Tags und deren korrekter Strukturierung lässt jeden zusätzlichen Aufwand überwiegen, wenn man sie überhaupt nicht verwendet …
Die Frage lautet dann:
So strukturieren Sie Überschriften-Tags: Eine einfache (logische) Hierarchie für eine Webseite
Wenn es um die Strukturierung Ihrer Überschriften geht, gibt es ein paar einfache Regeln zu beachten:
- Überschriften nach Rang (oder Ebene) verschachteln
- Die wichtigste Überschrift hat den obersten Rang (<h1>)
- Die unwichtigste Überschrift hat den niedrigsten Rang (<h6>)
- Überschriften mit gleichem oder höherem Rang beginnen einen neuen Abschnitt
- Überschriften mit einem niedrigeren Rang beginnen neue Unterabschnitte, die Teil des höherrangigen Abschnitts sind
Denken Sie bei der Anwendung dieser Regeln an den Benutzer.
Erstens der visuelle Benutzer, der Ihre Seite scannt;
Macht Ihre Tag-Hierarchie die Seitenstruktur auffälliger und leichter zu scannen?
Zweitens der sehbehinderte Benutzer;
Stellt Ihre Tag-Hierarchie jeden Abschnitt (und die Seite als Ganzes) dar, sodass blinde Benutzer direkt zu dem Teil gelangen können, der sie am meisten interessiert?
Wenn Sie Ihre Header-Tags laut vorlesen würden, würde ein Benutzer (genau) erfahren, welche Informationen Ihre Seite enthält und wie sie organisiert ist?
Wenn Sie eine dieser Fragen mit „nein“ beantworten, muss Ihre Struktur überdacht werden.
Nehmen wir ein Beispiel:
<h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>In der obigen Struktur:
Die Gliederung beginnt mit zwei <h3>-Überschriften anstelle von <h1>, und keine dieser Überschriften ist die Hauptüberschrift für die Webseite.
Stattdessen sind sie Teil der Navigationsstruktur um die Überschrift in der Vorlage.
Außerdem springt die Gliederung, sobald der Inhalt beginnt, von Ebene 1 auf Ebene 3, ohne eine Überschrift Ebene 2 dazwischen.
Wie du dir vorstellen kannst;
Ein Benutzer, der diese Überschriften (z. B. die auf einem Bildschirmlesegerät) scannt, wäre etwas verwirrt.
Gehen Sie davon aus, dass der Inhalt nicht das ist, wonach sie suchen;
Klicken Sie auf die Zurück-Schaltfläche und gehen Sie woanders hin.
Besucher verloren!
Ich bin sicher, Sie verstehen jetzt, warum es wichtig ist, Ihre Überschriftenstruktur richtig zu gestalten?
Bleiben wir beim gleichen Beispiel…
So sollte die Überschriftenstruktur in der entsprechenden Reihenfolge aussehen:
<h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>Jede Überschriftenebene <h1> bis <h3> gibt die Beziehung von einem Teil des Inhalts zu den anderen Teilen an.
Der Inhalt unter einer Überschrift bezieht sich logisch auf eine Überschrift darüber.
In ähnlicher Weise befindet sich der Inhalt innerhalb eines <h2>-Inhaltsblocks logisch unter dem vorangehenden <h1>.
Auf diese Weise organisiert die Überschriftenstruktur den Inhalt des Dokuments hierarchisch.
Und macht sehr deutlich, worauf es ankommt.
Bingo!
H1-Tag-Check: So führen Sie ein Heading-Audit durch
Sie wissen jetzt also, wie Sie die neuen Seiten Ihrer Website strukturieren, richtig!
Aber was ist mit Ihren bestehenden Seiten?
Wie können Sie überprüfen, ob sie die richtigen Überschriften-Tags verwenden?
Nun, es gibt ein paar Möglichkeiten:
Zunächst können Sie den Quellcode Ihrer Website überprüfen .
Navigieren Sie dazu mit Google Chrome zu der Webseite, die Sie überprüfen möchten.
Klicken Sie als Nächstes auf „Anzeigen“, dann auf „Entwickler“ und dann auf „Quelle anzeigen“.
Drücken Sie dann „Control F“, um die In-Page-Suchfunktion zu starten, gefolgt von „<h1“, um das öffnende H1-HTML-Tag zu finden:
Dieser Vorgang kann für H2s wiederholt werden, indem nach '<h2' usw. gesucht wird.
Sie können Ihre Überschriften-Tags auch mit einer Browsererweiterung wie SEO Quake anzeigen.
Wenn SEO Quake installiert ist, öffnen Sie die Seite, die Sie überprüfen möchten, navigieren Sie zur Registerkarte „Diagnose“ in SEO Quake und scrollen Sie dann nach unten zum Abschnitt „Überschriften“.
Es zeigt Ihnen die Gesamtzahl der Überschriften-Tags auf jeder Ebene und listet dann die Überschriften-Tags in der Hierarchie auf, in der sie angezeigt werden.
Eine kurze Überprüfung der obigen Seite zeigt, dass H1-, H2- und H3-Tags verwendet werden und die Tags in einer logischen Hierarchie strukturiert sind.
Aber es kann ein Problem geben.
Die Seite enthält zwei H1-Überschriften.
H1-Tags: Wie viele H1-Elemente werden auf einer einzelnen Seite empfohlen
Wie ich bereits erwähnt habe, sollte eine Seite nur ein H1-Tag haben .
Das liegt daran, dass das H1-Tag der Wurzelknoten ist, von dem alle anderen Überschriften stammen.
Und da Sie nur ein H1-Tag haben, konzentrieren sich Ihre SEO-Bemühungen auf ein Hauptthema – mit mehreren (umfassenden) Unterthemen unter Überschriften, die H2s und H3s verwenden.
Das ist heutzutage die ideale Struktur für das Ranking.
Aber was ist mit Fällen, in denen Ihre Seite mehr als einen H1 hat?
Oder gar kein H1?
Laut einer von SEMRush durchgeführten Studie weist ein großer Prozentsatz der Websites H1-Tag-Probleme auf:
Das ist laut Google aber kein Grund zur Sorge:
Vor allem, da HTML5 H1s verwenden kann, um mehrere Abschnitte innerhalb derselben Seite zu leiten.
Was empfehle ich also?
Wenn Sie bereits HTML5 verwenden, das unterschiedliche Abschnitte innerhalb derselben Seite haben kann, ist die Verwendung von H1-Tags für jeden Abschnitt vollkommen in Ordnung.
Wenn Sie jedoch Pre-HTML5-Code verwenden, wo eine Seite normalerweise ein Kernthema bedeutet – dann halten Sie sich an die eine h1/eine Seite-Regel!
So erstellen Sie Killer-Tags von H1 bis H6. Fünf Tipps zum Schreiben von Headern
Als Nächstes zeige ich Ihnen genau, wie Sie eine Überschrift schreiben, die die Absprungrate senkt, die Verweildauer auf der Seite erhöht und letztendlich zu höheren Suchmaschinenrankings und Conversions für Ihre Website führt.
Steigen wir ein:
1. Geben Sie ihnen, wofür sie gekommen sind – Meistern Sie die Suchabsicht mit H1s
Google sagt, dass die Verwendung von Schlüsselwörtern in Ihren Überschriften Ihnen nicht dabei hilft, einen besseren Rang zu erreichen.
Sie sind falsch!
Ich stimme zu, dass Schlüsselwörter innerhalb von Überschriften möglicherweise kein direkter Ranking-Faktor sind, aber sie helfen Ihnen dennoch, im Laufe der Zeit einen höheren Rang zu erreichen.
Woher?
Zwei Wörtchen; Suchabsicht.
Stellen Sie sich für einen Moment vor, Sie haben bei Google nach etwas gesucht, auf ein relevantes Ergebnis geklickt und sind auf einer Zielseite gelandet.
In Szenario A hat die von Ihnen aufgerufene Seite eine klar formulierte Überschrift, die perfekt zu Ihrem Suchbegriff passt.
In Szenario B passt die Überschrift der Seite überhaupt nicht zu Ihrem Suchbegriff.
Auf welcher Seite bleiben Sie?
Seite A natürlich.
Der maschinelle Lernalgorithmus von Google, bekannt als RankBrain, nutzt dieses Konzept als Rankingfaktor, indem er die Verweildauer der Nutzer misst.
Die lange Verweildauer (alias Time-on-Page) ist ein Maß für die Zufriedenheit der Suchenden.
Wenn ein Benutzer längere Zeit auf einer Webseite verbringt – im Gegensatz zu einem sofortigen Pogo-Sticking zurück zu den Suchergebnissen – geht Google davon aus, dass der Benutzer gefunden hat, wonach er gesucht hat.
Und im Gegenzug geben Sie der Seite einen Ranking-Boost.
Einfach ausgedrückt:
Die Maximierung der Verweildauer und die Minimierung des Pogo-Sticking ist heutzutage für höhere Rankings unerlässlich.
Einer der wichtigsten Faktoren, der die Verweildauer beeinflusst, ist das, was Benutzer sehen, wenn sie zum ersten Mal auf einer Seite landen. Mit anderen Worten, die Überschrift.
Wie alle Spezialisten für bezahlte Suche Ihnen sagen werden, wenn Sie auf das Keyword „Hockeyschläger“ abzielen, sollte Ihre Zielseite diesen Begriff (oder eine sehr ähnliche Variation) in der Überschrift enthalten. Gleiches gilt für die organische Suche.
Das Wichtigste hier ist; das Ziel-Keyword oder eine ähnliche Variation .
Natürlich können Sie das genaue Schlüsselwort angeben, wenn Sie möchten, aber es ist nicht unbedingt erforderlich.
Die Hauptsache ist, der Absicht hinter der Suche der Benutzer zu entsprechen, wodurch Sie Variationen und Synonyme verwenden können, um Ihre Überschrift natürlicher und ansprechender zu gestalten.
Wie auch immer, die Wiedergabe des Suchbegriffs in der Überschrift sagt dem Benutzer: „Sie haben gefunden, wonach Sie suchen“, was die Wahrscheinlichkeit erhöht, dass er dabei bleibt.
Veranschaulichen wir dies an einem Beispiel:
Glen Allsopp von Detailed.com schrieb diesen Stoßfängerbeitrag über Linkaufbau.
Es zielt auf das Schlüsselwort „fortgeschrittener Linkaufbau“ ab.
Damit der Beitrag die Suchabsicht erfüllt, fügt Glen sein Schlüsselwort in den Seitentitel des Beitrags ein:
Und wieder in der Kopfzeile der Seite.
Für jeden, der nach „erweitertem Linkaufbau“ sucht, ist klar, dass Glens Beitrag genau das enthält, wonach er sucht.
Dies kann nur dazu beitragen, die Verweildauer von Glens Post zu verbessern und den RankBrain-Algorithmus von Google zu beruhigen.
2. Verwenden Sie die „So What“-Technik und verwandeln Sie Ihre langweiligen, auf Features fokussierten Überschriften in nutzenorientierte Hooks
Anstatt nur kurze, funktionsorientierte Unterüberschriften zu schreiben.
Ich integriere Vorteile in mindestens 50 % meiner H2s:
Warum mache ich das?
Durch die Verwendung von Vorteilen weise ich darauf hin, wie meine Informationen meinen Lesern in ihrer Rolle als SEOs helfen werden.
Zum Beispiel:
In diesem Beitrag über SEO-Experimente hätte ich einfach „Use Outbound Links“ als H2 schreiben können.
Aber stattdessen habe ich einen wirkungsvollen Vorteil hinzugefügt, der das Problem zeigt, das die Informationen lösen würden.
Wenn Sie ein SEO sind und dasselbe Problem haben, werden Sie mit ziemlicher Sicherheit weiterlesen.
Wie erstellen Sie also Ihre nutzenorientierten Überschriften?
Fragen Sie: „Na und?“ mehrmals.
Lassen Sie es mich Ihnen anhand eines Beispiels zeigen, das ich aus Enchanting Marketing entnommen habe:
Besonderheit : Der Backofen heizt schnell vor.
Na und?
Es ist schnell bereit, Ihre Lasagne zu kochen.
Na und?
Ihr Essen ist früher auf dem Tisch.
Na und?
Das Leben ist weniger stressig. Sie müssen weniger in der Küche herumhängen und darauf warten, dass der Ofen fertig wird. Und Sie müssen sich keine Sorgen machen; Sie könnten vergessen, Ihren Backofen vorzuheizen.
Ihre Überschrift, die als „Vorwärmfunktion“ begann
Könnte jetzt werden:
„Sparen Sie Zeit und reduzieren Sie Ihren Stress mit dieser einzigartigen Vorwärmfunktion“
Was hält Sie eher an der Seite fest?
3. Lassen Sie Ihre Überschriften mit auffälligen Schriftarten und kontrastierenden Farben auffallen
Sie haben Ihren Text auf den Punkt gebracht und Ihre Überschriften erfüllen die Suchabsicht perfekt, was als nächstes?
Um den Lesern zu helfen, sich besser in Ihren Inhalten zurechtzufinden, sollten Sie Ihre Überschriften und Unterüberschriften unterscheidbar machen.
Mit anderen Worten, Ihre Überschriften sollten auf der Seite „POP“ sein.
Unterscheidbar zu sein, könnte eine visuelle Differenzierung in Farbe, Größe, Schriftart oder Wirkung beinhalten.
ODER eine Kombination aus all diesen.
Schauen wir uns ein paar Beispiele an:
Der Ahrefs-Blog leistet hervorragende Arbeit bei der Unterscheidung ihrer Überschriften:
Sie verwenden eine andere Schriftgröße und gehen subtil von Schwarz zu Grau über, wenn sie sich in der Kopfzeilenhierarchie nach unten bewegen.
Für Bonuspunkte verwenden sie auch eine benutzerdefinierte Schriftart, die exklusiv für ihre Marke entwickelt wurde.
Ein weiteres gutes Beispiel ist Single Grain von Eric Siu, das für seine Blog-Überschriften ein kontrastierendes Orange verwendet.
Sie möchten, dass Ihre Überschriften hervorstechen, damit sie sich optisch von anderen Elementen auf der Seite unterscheiden – insbesondere von Handlungsaufforderungen .
Zu viele visuelle Überschneidungen können dazu führen, dass Ihre CTAs weniger Aufmerksamkeit erregen, was zu geringeren Conversions führt.
Damit zu meinem vierten Tipp
4. Nutzen Sie diese raffinierten Copywriting-Techniken, senken Sie Ihre Absprungrate und steigern Sie Ihren Umsatz
Wenn dies Sie nicht dazu bringt, das Schreiben von Überschriften ernst zu nehmen, wird nichts:
Diese Aussage unterstreicht die Bedeutung der Überschrift und warum sie die Wirksamkeit Ihres gesamten Artikels bestimmt.
Kurz gesagt, je besser Ihre Überschrift ist, desto größer sind Ihre Chancen, den Durchschnitt zu übertreffen und zu lesen, was Sie geschrieben haben.
Das gilt nicht nur für Ihre Hauptüberschrift (H1), sondern auch für Ihre Unterüberschriften (H2 bis H6).
Jedes Mal, wenn es eine Unterbrechung in Ihrem Inhalt gibt, hat Ihr Leser zwei Möglichkeiten;
Entweder hören sie auf oder lesen weiter.
Aus diesem Grund ist es wichtig, in Ihren Überschriften (H1 bis H6) ansprechende Texte zu verwenden.
Ich bin kein Experte für das Verfassen von Texten, also überlasse ich es Nevile Medhora KopyWriting Course, einige Tipps zum Verfassen von Schlagzeilen zu geben.
5. STOPPEN Sie die Leser, indem Sie diese Überschriftenelemente in Ihren Inhalt einfügen
Die Verwendung von Grafiken ist ausgezeichnet.
Die Verwendung von Überschriften ist ausgezeichnet.
Aber wenn Sie beide miteinander kombinieren, tritt die wahre Magie auf.
Wie wir bereits besprochen haben:
Die Verbesserung der Verweildauer der Benutzer auf der Seite verbessert Ihre Ranking-Ergebnisse.
Eine lange Verweildauer signalisiert Google, dass Ihre Nutzer zufrieden sind – und Ihre Inhalte erhalten wiederum einen Ranking-Boost.
Um die Time-on-Page zu verbessern, sollten Sie sich vor allem auf eines konzentrieren;
Machen Sie Ihre Inhalte lesbarer .
Abgesehen von;
- Kurze Absätze
- Bilder und Multimedia
- Blöcke zitieren
- Spiegelstriche
- Quiz
Es gibt ein weiteres störendes Inhaltselement, das Sie neben Ihren Unterüberschriften einwerfen sollten, das „Inhalts-Skimmer“ sicher aufhalten wird:
Benutzerdefinierte Kopfzeilengrafiken
Werfen Sie einen Blick auf diese Zusammenfassung über lokales SEO im SEO Sherpa-Blog.
Neben den H2-Header-Tags habe ich benutzerdefinierte Grafiken hinzugefügt, die jeden Unterabschnitt des Beitrags einleiten.
Sie lassen den Beitrag nicht nur viel beeindruckender aussehen.
Aber sie tragen dazu bei, die Zeit auf der Seite auf einen anständigen Durchschnitt von 4 Minuten zu erhöhen:
Was weit über dem Durchschnitt der Seite liegt:
Das Erstellen dieser Grafiken war einfach, da ich das Glück habe, zwei Vollzeit-Designer im Team zu haben.
Aber wenn Sie nicht bereit sind, Ihr eigenes Designteam aufzubauen, gibt es immer noch viele Möglichkeiten
- Canva – Bildbearbeitungstool (kostenlos)
- PicMonkey – Grafikdesigner (kostenlos)
- 99 Designs – freiberufliche Designer (kostengünstig)
- Upwork – freiberufliche Plattform (kostengünstig)
Welche Route Sie auch wählen.
Wenn Sie das nächste Mal einen langen SEO-Inhalt schreiben, fügen Sie einige Header-Grafiken hinzu und beobachten Sie, wie Ihre Zeit auf der Seite (und Ihr Ranking) steigt.
Da haben Sie also alles, was Sie über Header-Tags wissen müssen und wie Sie sie verwenden können, um Ihre Suchmaschinenoptimierung zu verbessern.
Jetzt liegt es an dir!
Wie Sie diese Techniken auf Ihrer Website in die Praxis umsetzen können
Ich habe eine kostenlose Überschriften-Checkliste erstellt, die Ihnen helfen wird, diese Techniken zu nutzen, um die Leistung Ihrer Website zu verbessern.
Es beschreibt – Schritt für Schritt – genau, wie man die Strategien anwendet, über die ich im Beitrag gesprochen habe.
Sobald Sie es unten heruntergeladen haben , lassen Sie mich in den Kommentaren wissen, welches Ihr Lieblingstipp zum Schreiben von Headern ist. Ich würde es GERNE wissen.
