Das h1-Tag ist ein HTML-Tag, das den Haupttitel einer Webseite angibt. Wie auch von Google Search Central betont wird, ist es wichtig, im h1-Tag einen Text zu verwenden, der mit dem Seiteninhalt übereinstimmt, um den Suchmaschinen die richtigen Informationen über die Seite zu übermitteln.

Im Hauptinhalt einer Webseite wird das h1-Tag als das zweitwichtigste Element nach dem Title-Tag angesehen. Daher kann eine Optimierung des h1-Tags positive Auswirkungen auf die SEO-Leistung haben.

Im Folgenden gibt Ihnen Tokyo SEO Maker, Ihr Spezialist und Berater für SEO, einen umfassenden Überblick über das h1-Tag. Zusätzlich präsentieren wir effektive Schreibweisen und praktische Anwendungsbeispiele, die besonders für Web-Direktoren und SEO-Texter, die an der Content-Erstellung arbeiten, von Bedeutung sind.

Inhaltsverzeichnis

• Was ist ein h1-Tag?
  • Was ist ein h-Tag überhaupt?
  • Was ist der Unterschied zwischen h-Tag und Titel
• Die SEO-Wirkung des h1-Tags
• Effektive Nutzung des h1-Tags
  • Den Seiteninhalt widerspiegeln
  • Mit den passenden Keywords prägnant formulieren
  • Den Text so gestalten, dass das Interesse der Besucher geweckt wird
• Wichtige Punkte zur Verwendung des h1-Tags:
  • Das h1-Tag sollte nicht im Widerspruch zum Seiteninhalt stehen.
  • Das h1-Tag nicht zu lang gestalten.
  • Nicht zu viele Schlüsselwörter im h1-Tag unterbringen.
  • Das h1-Tag nicht willkürlich verwenden.
  • Die h-Tags sollten in der richtigen Reihenfolge angeordnet werden.
  • Verwenden Sie das h1-Tag nicht aus gestalterischen Gründen.
• Überprüfung des h1-Tags
  • Quellcode im Browser anzeigen
  • Überprüfung mit den Entwicklertools von Google Chrome.
• Schreibweise und Beispiele für das h1-Tag.
  • Verwendung eines Bildes (alt-Attribut) im h1-Tag
  • Verwendung eines Links (a-Tag) im h1-Tag
  • Verwendung eines Logos im h1-Tag
  • Verwendung eines Ankerlinks (id-Attribut) im h1-Tag
  • Änderung des Designs des h1-Tags
    • Ändern der Farbe des h1-Tags.
    • Ändern der Größe (Schriftgröße) des h1-Tags.
    • Zentrieren des Textes im h1-Tag.
    • Linksbündigen des Textes im h1-Tag.
• Methoden zur Bearbeitung des h1-Tags in WordPress
  • Classic Editor
  • Block Editor
• Häufig gestellte Fragen zum h1-Tag
• Zusammenfassung

Was ist ein h1-Tag?

Ein h1-Tag ist eine Überschrift, die an oberster Stelle auf einer Webseite platziert wird. Es wird in HTML geschrieben und häufig im Logo-Bereich oder im Hauptinhalt der Webseite verwendet.

Für Webseitenbesucher und Suchmaschinen ist das h1-Tag nach dem Title-Tag das wichtigste Element. Daher ist es wichtig, einen Text zu wählen, der den Inhalt der Webseite korrekt widerspiegelt.

Was ist ein h-Tag überhaupt?

Ein h-Tag ist ein HTML-Tag, das die Überschrift einer Webseite angibt, die durch den Buchstaben „h“ zusammen mit einer Zahl gekennzeichnet ist, z. B. h1, h2, h3…. Je niedriger die Zahl ist, desto größer ist die Überschrift, die auf Webseiten wie folgt verwendet wird:

Darüber hinaus gibt es noch h-Tags von h4 bis h6. In der Praxis werden jedoch h-Tags mit höheren Zahlen wie h5 und h6 auf Webseiten nur selten verwendet.

Beim Erstellen einer Webseite sollten die Überschriften grundsätzlich so strukturiert werden, dass h-Tags mit größeren Zahlen von h-Tags mit kleineren Zahlen eingeschlossen werden.

Verwandter Artikel：Was ist HTML?

Verwandter Artikel：Was ist ein h2-Tag?

Was ist der Unterschied zwischen h1-Tag und Titel

Der Unterschied zwischen dem h1-Tag und dem Title-Tag liegt im Anzeige- und Installationsort. Konkret unterscheiden sie sich in den folgenden Punkten:

Im folgenden Beispiel eines Artikels von Tokyo SEO Maker haben wir sowohl ein Title-Tag als auch ein h1-Tag vorbereitet, um noch einmal die Uterschiede zu verdeutlichen:

Unter Berücksichtigung des Suchmaschinen-Traffics werden die Texte sowohl von Suchmaschinen als auch von Weibseitenbesuchern in der Reihenfolge „Title-Tag → h1-Tag“ erfasst.

Daher ist der Title-Tag ein entscheidender Faktor, der den ersten Anstoß für den Suchmaschinentraffic geben kann. Das h1-Tag hingegen wird als oberste Überschrift auf der Webseite angezeigt und dient als Zusammenfassung des Seiteninhalts. Mit anderen Worten, Title-Tag und h1-Tag haben unterschiedliche Funktionen und werden an verschiedenen Stellen angezeigt.

Die SEO-Wirkung des h1-Tags

Mit einem gut formulierten h1-Tag können Sie positive SEO-Effekte erzielen.

Das bedeutet konkret, dass Sie durch die Verwendung von Keywords im h1-Tag, die den Inhalt der Webseite präzise und korrekt widerspiegeln, sowohl Suchmaschinen als auch Besuchern klare Informationen bieten können. Dadurch erhöht sich die Wahrscheinlichkeit, dass Besucher die Inhalte als relevant für ihre Suchanfragen betrachten und davon profitieren können. Ihr Verhalten, wie die Verweildauer und Aktionen auf der Webseite, wirkt sich wiederum positiv auf die SEO-Bewertung der Seite aus. Letztlich können so positive SEO-Effekte erzielt werden.

In diesem Sinne hat das h1-Tag aber eher die Funktion, „die SEO-Bewertung nicht zu verschlechtern“, als „die SEO-Bewertung aktiv zu verbessern“.

Effektive Nutzung des h1-Tags

Um den h1-Tag effektiv zu nutzen, gibt es einige wichtige Punkte zu beachten. Wenn Sie das h1-Tag als Hauptüberschrift eines Artikels verwenden möchten, sollten Sie die folgenden Aspekte bei der Erstellung des Textes berücksichtigen.

Den Seiteninhalt widerspiegeln

Wenn Sie im h1-Tag einen Text verwenden, der mit dem Inhalt der Webseite übereinstimmt, erhalten sowohl Suchmaschinen als auch Besucher die richtigen Informationen.

Insbesondere Letztere neigen dazu, über eine Suchmaschine eine Webseite zu öffnen und zunächst zu überprüfen, ob die gesuchten Informationen übrhaupt vorhanden sind. Betrachtet man das Verhalten der Besucher, wird häufig nach dem Lesen des h1-Tags (der Hauptüberschrift) der Inhalt des Artikels anhand des Inhaltsverzeichnisses oder des Einleitungstextes überprüft, um zu entscheiden, ob der Artikel weitergelesen wird.

Wenn in diesem Fall eine Übereinstimmung zwischen h1-Tag, Inhaltsverzeichnis und Einleitung besteht, erhöht sich die Wahrscheinlichkeit, dass die Besucher den Artikel weiterlesen. Dadurch wird vermieden, dass sie sofort zur vorherigen Seite zurückkehren, was sich negativ auf die SEO auswirken würde.

Mit den passenden Keywords prägnant formulieren

Beim Schreiben einer Webseite unter Berücksichtigung von SEO ist die Auswahl der richtigen Keywords entscheidend. In der Regel wird die Struktur einer Webseite zunächst um ein Hauptkeyword herum aufgebaut. Dabei werden verwandte Keywords zum Hauptkeyword hinzugefügt. Wenn das Hauptkeyword beispielsweise „Instantnudeln“ ist, könnten die folgenden verwandten Keywords verwendet werden.

Solche verwandten Keywords werden kombiniert und in das Seitenlayout integriert. Der h1-Tag sollte dann so formuliert werden, dass das Seitenlayout leicht verständlich ist.

Den Text so gestalten, dass das Interesse der Besucher geweckt wird

Durch eine ansprechende Gestaltung des h1-Tags können Sie das Interesse der Besucher wecken.

Wenn bei der Erstellung einer Webseite die verwandten Keywords und das Seitenlayout weitgehend festgelegt sind, werden das h1-Tag und das Title-Tag definiert. Grundsätzlich wird der Text des h1-Tags aus „Hauptkeyword + verwandtes Keyword“ gebildet, wobei auch ein Catchphrase-Element hinzugefügt werden kann. Nehmen wir zum Beispiel an, das Hauptkeyword ist „Instantnudeln“ und das verwandte Keyword ist „Rezept“. Das h1-Tag könnte dann wie folgt formuliert werden.

Besucher, die nach „Instantnudeln Rezept“ suchen, haben vermutlich die Absicht, „etwas Neues auszuprobieren, weil sie von herkömmlichen Instantnudeln gelangweilt sind“. In diesem Beispiel wird im h1-Tag betont, dass die gesuchten Informationen für die Besucher auf der Webseite zu finden sind.

Verwandter Artikel：Was bedeutet Suchintention?

Wichtige Punkte zur Verwendung des h1-Tags:

Das h1-Tag sollte nicht im Widerspruch zum Seiteninhalt stehen.

Wenn das h1-Tag nicht mit dem Seiteninhalt übereinstimmt, entsteht eine inhaltliche Inkonsistenz. Zum Beispiel kann dies zu einer fehlerhaften Seitenstruktur wie der folgenden führen.

In diesem Beispiel ist das Thema der Seite „Rezepte für Instantnudeln mit kleinen Extras“. Man würde dementsprechend ein Rezept erwarten, das erklärt, wie man Instantnudeln durch das Hinzufügen von Gewürzen oder Zutaten schmackhafter machen kann. Tatsächlich beschreibt der Artikel jedoch eine Methode, bei der die Instantnudeln im Topf gekocht werden, um einen anderen Geschmack zu erzielen.

Solche Widersprüche zwischen Thema und Seiteninhalt können sowohl die Besucher als auch die Suchmaschinen verwirren, daher ist Vorsicht geboten.

Das h1-Tag nicht zu lang gestalten.

Für das h1-Tag gibt es zwar keine Zeichenbeschränkung, aber lange Texte sollten vermieden werden, da sie schwer lesbar sind. Das gilt nicht nur für das h1-Tag, sondern für alle h-Tags: Werden Überschriften zu ausführlich gestaltet, wird es für die Besucher schwierig, den Inhalt visuell schnell zu erfassen.

Besondere Vorsicht ist geboten, wenn derselbe Text sowohl im Title-Tag als auch im h1-Tag verwendet wird. Der Title-Tag wird in den Google-Suchergebnissen angezeigt, wobei hier nur etwa 30 bis 35 Zeichen sichtbar sind. Ist der Text im h1-Tag zu lang, überschreitet er möglicherweise die ideale Länge für den Title-Tag.

Nicht zu viele Keywords im h1-Tag unterbringen.

Wenn zu viele Keywords in das h1-Tag eingefügt werden, wird die Hauptaussage für Suchmaschinen und Besucher schwer verständlich.

Grundsätzlich erzeugt das bloße Einfügen von Schlüsselwörtern in h-Tags keinen SEO-Effekt. Eine hohe Bewertung erhält man, weil die h-Tags angemessen gesetzt sind und die Inhalte die Besucher zufriedenstellen. Eine übermäßige Verwendung von Keywords ist nicht nur wirkungslos, sondern birgt auch das Risiko, als Spam eingestuft zu werden. Daher ist Vorsicht geboten.

Das h1-Tag nicht willkürlich verwenden.

Wird das h1-Tag auf einer Seite mehrmals verwendet, wird der zentrale Inhalt der Webseite verwässert. Dadurch wird es sowohl für Suchmaschinen als auch für Besucher schwieriger, die wichtigsten Informationen auf der Seite zu erkennen. Daher sollte das h1-Tag nicht wahllos eingesetzt werden.

Grundsätzlich gibt es jedoch keine Einschränkungen bezüglich der Anzahl der verwendeten h1-Tags. Mehrere h1-Tags auf einer Seite zu verwenden, muss nicht zwangsläufig negative Auswirkungen auf die SEO haben. Zum Beispiel ist es in bestimmten Fällen, in denen ein klarer Grund vorliegt, unproblematisch, mehrere h1-Tags auf derselben Seite zu platzieren.

Der Header ist in der Regel der oberste Bereich einer Webseite, in dem das Menü der Webseite zusammengefasst ist. Normalerweise enthält der Header das Logo des Medienunternehmens oder der Firma. Das Logo selbst ist in der Regel ein Bild, wird jedoch häufig als h1-Tag behandelt und platziert.

Die h-Tags sollten in der richtigen Reihenfolge angeordnet werden.

In HTML sollten die h-Tags in aufsteigender Reihenfolge platziert werden. Daher sollte das h1-Tag im Hauptinhalt an oberster Stelle stehen. Laut den Web-Standards und den Hinweisen auf der offiziellen Mozilla-Seite MDN Web Docs gilt Folgendes:

Überspringen Sie keine Überschriftenebenen. Beginnen Sie immer mit <h1>, gefolgt von <h2>, und so weiter.

Zitat：<h1>–<h6>: Überschriftselemente in HTML – HTML: Hypertext Markup  Language| MDN

Zum Beispiel wird das h2-Tag als Element innerhalb des h1-Tags und das h3-Tag als Element innerhalb des h2-Tags verwendet. Dies ist eine grundlegende Regel in HTML. Daher kann eine falsche Anordnung der h-Tags auf der Seite zur Verwirrung bei Suchmaschinen und Besuchern führen, weshalb Vorsicht geboten ist.

Verwenden Sie das h1-Tag nicht aus gestalterischen Gründen.

Wenn eine Webseite korrekt gestaltet ist, wird der Text im h1-Tag innerhalb der Seite hervorgehoben angezeigt. Aus diesem Grund kommt es häufig vor, dass das h1-Tag aus gestalterischen Gründen verwendet wird. Allerdings stellt die Nutzung des h1-Tags zu Designzwecken eine falsche Anwendung von HTML dar. In den MDN Web Docs wird betont, dass Überschriftselemente nicht zur Änderung der Textgröße verwendet werden sollten. Stattdessen sollte die CSS-Eigenschaft font-size eingesetzt werden.

Zitat：<h1>–<h6>: Überschriftselemente in HTML – HTML: Hypertext Markup  Language| MDN

Zusammenfassend ist es falsch, Überschriften zur Hervorhebung von Text zu verwenden; stattdessen sollte das Design mit der Markup-Sprache CSS (Cascading Style Sheets) verwaltet werden.

Verwandter Artikel：Was ist CSS?

Überprüfung des h1-Tags

Eine Möglichkeit, das h1-Tag zu überprüfen, besteht darin, den Quellcode der Webseite direkt zu überprüfen. Konkret gibt es folgende Methoden:

Quellcode im Browser anzeigen

Durch die Überprüfung des Quellcodes einer Webseite, die Sie im Webbrowser anzeigen, können Sie das h1-Tag identifizieren. Hier sind die Schritte am Beispiel von Google Chrome:

Wenn Sie die Schritte befolgen, können Sie das h1-Tag der angezeigten Webseite wie im obigen Bild ermitteln.

Überprüfung mit den Entwicklertools von Google Chrome.

Google Chrome bietet Ihnen ein Tool mit Entwicklungsfunktionen für Ingenieure. Mit diesem Tool können Sie das h1-Tag überprüfen.

Wenn Sie den Cursor über die einzelnen Elemente bewegen, können Sie die Tags einsehen.

Schreibweise und Beispiele für das h1-Tag.

Im Folgenden finden Sie die Schreibweise und Beispiele für die Verwendung des h1-Tags auf einer Webseite:

Verwendung eines Bildes (alt-Attribut) im h1-Tag

Wenn Sie im h1-Tag Bilddaten verwenden möchten, verwenden Sie das img-Tag mit dem alt-Attribut und schreiben es wie folgt:

Das img-Tag dient dazu, Anweisungen zum Laden und Anzeigen von Bilddaten zu geben. Das alt-Attribut hingegen hat die Funktion, eine textuelle Beschreibung des Bildes zu speichern. Prinzipiell ist das alt-Attribut für den img-Tag erforderlich. Insbesondere wenn Sie Bilddaten im h1-Tag verwenden, sollten Sie unbedingt das alt-Attribut angeben.

Verwandter Artikel：Was ist ein alt-Attribut?

Verwendung eines Links (a-Tag) im h1-Tag

Wenn Sie den Text im h1-Tag verlinken möchten, verwenden Sie das a-Tag:

Das a-Tag dient dazu, Text oder Bilddaten zu verlinken. Achten Sie darauf, die URL des Links korrekt anzugeben, da ein Fehler die Qualität der Webseite erheblich beeinträchtigen kann.

Verwendung eines Logos im h1-Tag

Wenn das Unternehmens- oder Medienlogo im h1-Tag angezeigt werden soll, verwenden Sie das img-Tag mit dem alt-Attribut sowie den a-Tag:

In der Regel wird das Logo im h1-Tag im Header-Bereich platziert. Durch die Verwendung des a-Tags zur Einrichtung eines internen Links zur Startseite erhöhen Sie die Benutzerfreundlichkeit für die Besucher der Webseite.

Verwendung eines Ankerlinks (id-Attribut) im h1-Tag

Wenn Sie einen Ankerlink im h1-Tag einrichten möchten, verwenden Sie das id-Attribut:

Zusätzlich fügen Sie an einer beliebigen Stelle im Text ein a-Tag hinzu, das auf das „angegebene id“ verweist:

Ein Ankerlink wird auch als Seiteninlink bezeichnet. Seine Funktion besteht darin, dass beim Klicken auf den Seitenlink automatisch zum angegebenen Punkt auf der Seite gescrollt wird. Im obigen Beispiel wird beim Klicken auf den Link im a-Tag automatisch zum Bereich gescrollt, in dem das h1-Tag platziert ist.

Änderung des Designs des h1-Tags

Im Folgenden die Methoden zur Änderung des Designs des h1-Tags:

Üblicherweise werden Designvorgaben mit dem class-Attribut festgelegt. Hier zeigen wir Ihnen jedoch, wie man das Design mithilfe des style-Attributs ändern kann, um spezifische Bereiche innerhalb der Webseite anzupassen.

Ändern der Farbe des h1-Tags

<h1 style=“color: ※Farbcode eingeben;“>※Hauptüberschrift</h1>

Ändern der Größe (Schriftgröße) des h1-Tags

<h1 style=“font-size: ※Wert eingeben;“>※Hauptüberschrift</h1>

Zentrieren des Textes im h1-Tag

<h1 style=“text-align: center;“>※Hauptüberschrift</h1>

Linksbündigen des Textes im h1-Tag

<h1 style=“text-align: left;“>※Hauptüberschrift</h1>

Methoden zur Bearbeitung des h1-Tags in WordPress

Im Nachfolgenden finden Sie die Methoden zur Bearbeitung des h1-Tags in WordPress. WordPress bietet die folgenden zwei Editoren. Bitte prüfen Sie die Bearbeitungsmethoden entsprechend dem von Ihnen verwendeten Editor:

Classic Editor

Im Classic Editor entspricht der markierte Bereich im untenstehenden Bild dem h1-Tag.

Block Editor

Im Block Editor wählen Sie den Bereich für die Blockelemente im folgenden Bild aus. Anschließend wählen Sie aus den Optionen „Überschrift“ das h1-Tag aus. Das ausgewählte Element entspricht dann dem h1-Tag.

Häufig gestellte Fragen zum h1-Tag

Hier finden Sie häufig gestellte Fragen zum h1-Tag im FAQ-Format

Q: Wie wird das h1-Tag ausgesprochen?

Answer）Gewöhnlicherweise verwendet man die englische Aussprache.

Q: Ist es in Ordnung, das h1-Tag nicht zu verwenden?

Answer）Wenn es nicht benötigt wird, ist es kein Problem, es nicht zu verwenden.

Allerdings bedeutet das Weglassen des h1-Tags, dass auch keine anderen h-Tags verwendet werden. Dies kann dazu führen, dass die Seitenstruktur für Suchmaschinen und Besucher der Webseite schwerer zu verstehen ist.

Q: Wo wird das h1-Tag angezeigt?

Answer）In der Regel wird es an oberster Stelle im Hauptinhalt angezeigt.

Je nach Webseiten-Design wird das h1-Tag in der Regel an oberster Stelle im Hauptinhalt der Webseite angezeigt. Darüber hinaus kann das h1-Tag auch im Header angezeigt werden, wenn es für das Seitenlogo verwendet wird.

Q: Darf man mehrere h1-Tags platzieren?

Answer）Es ist in Ordnung, mehrere h1-Tags auf einer Seite zu verwenden.

Allerdings sollten Sie die Regeln für h-Tags beachten und h1-Tags nicht einfach willkürlich verwenden.

Q: Darf man Bilder im h1-Tag verwenden?

Answer）Es ist in Ordnung, Bilder im h1-Tag zu verwenden.

Achten Sie jedoch darauf, das alt-Attribut festzulegen und eine Beschreibung des Bildes einzufügen.

Verwandte Artikel：Was ist ein alt-Attribut?

Q: Gibt es eine Zeichenbegrenzung für das h1-Tag?

Answer）Es gibt keine Zeichenbegrenzung für das h1-Tag.

Vermeiden Sie jedoch das Einfügen zu vieler Schlüsselwörter und zu lange Texte.

Zusammenfassung

Das h1-Tag übernimmt die Rolle der Hauptüberschrift auf einer Webseite. Obwohl sich das Title-Tag hinsichtlich Konfiguration, Anzeigeort und Funktion unterscheidet, ist es ebenso ein äußerst wichtiges Element. Durch die korrekte Verwendung des h1-Tags können Sie positive SEO-Effekte erzielen, daher sollten Sie es sorgfältig festlegen. Zudem sollten h-Tags stets als Überschriften innerhalb der Webseite behandelt werden, weshalb Sie darauf achten sollten, sie nicht aus gestalterischen Gründen zu verwenden.

Author Profile

Mr. Takeshi Amano, CEO of Admano Co., Ltd.

Mr. Takeshi Amano is a graduate of the Faculty of Law at Nihon University. With 12 years of experience working in the advertising agency industry, he discovered SEO and began his research during the early days of SEO. He self-taught and conducted experiments and verifications on over 100 websites. Using this expertise, he founded Admano Co., Ltd., which is currently in its 11th year of operation. Mr. Amano handles sales, SEO consulting, web analytics (holding the Google Analytics Individual Qualification certification), coding, and website development. The company has successfully managed SEO strategies for over 2000 websites to date.

Return to the top of Japan SEO