Skip to main content

Heading-Tag


PDF herunterladen

Was ist ein Heading-Tag?

Was ist ein Heading-Tag? Unter einem Heading-Tag versteht man ein kennzeichnendes Element für Überschriften in der Webseiten-Beschreibungssprache HTML. HTML-Dateien sind grundsätzlich hierarchisch aufgebaut. Die einzelnen Bereiche werden dabei durch sogenannte Tags markiert. Heading-Tags zeichnen Überschriften aus. Der Rang der entsprechenden Überschrift wird zusätzlich mit einer Ziffer von eins bis sechs festgelegt.

Was genau ist ein Tag?

Der Begriff “Tag” stammt aus der englischen Sprache und lässt sich mit Etikett oder Markierung treffend übersetzen. Im Kontext von HTML markiert ein Tag einen speziell formatierten Bereich. So ist es unter anderem möglich, Zeichen hiermit kursiv oder fett darzustellen. Dabei ist aber zu beachten, dass HTML-Dokumente einer bestimmten Syntax unterliegen.

Öffnende und schließende Tags

Jedes Tag muss nach dem Muster in spitze Klammern gesetzt werden. Ein auf diese Weise aufgeführtes Kennzeichen beschreibt den Beginn eines entsprechend markierten Bereiches. Das Ende der Formatierung wird mit dem sogenannten schließenden Tag bestimmt. Dieses hat das Muster

Hierarchischer Aufbau

Die Tags können ineinander verschachtelt angewendet werden. So wird eine Webseite beispielsweise oft in head- und body-Bereiche aufgeteilt. Gemeint sind damit eine Kopfzeile und der “Körper” des Dokuments. Innerhalb des Body-Elements kommen üblicherweise etliche weitere Tags zur Anwendung. Dies können Unterteilungen durch Absätze mit dem p-Tag oder Tabellen, die mit dem table-Tag eingefasst sind, sein. Wollte man etwa einen gesamten Text fett markieren, wäre dies möglich, indem der Webentwickler je b-Tag an den Anfang und das Ende setzt. Der Browser würde in diesem Fall nach der öffnenden Markierung alle Zeichen entsprechend formatieren, bis er auf ein schließendes Element stößt. Tatsächlich wird eine Zeichen-Formatierung aber bei modernen Webseiten nicht auf diese Weise durchgeführt. Hierfür verwenden Webentwickler zumeist ergänzend die Formatierungssprache CSS.

Das Heading-Tag

Der Überschrift kommt in Dokumenten eine besondere Bedeutung zu. Sie gibt einen Hinweis auf den folgenden Inhalt und enthält häufig wichtige Schlagworte. Zudem benutzen Autoren oftmals Zwischen-Überschriften, um einen Artikel übersichtlicher zu gestalten. Diese Anforderungen setzt HTML mit einer Unterteilung der Überschriften nach Kategorien um. Die Hauptüberschrift erhält ein h1-Tag, darunter können abgestuft Unter-Überschriften der Kategorie h2 bis h6 verwendet werden. Dabei sollte der Webentwickler natürlich nur eine Hauptüberschrift der Kategorie h1 setzen. Die Darstellung der Überschriften erfolgt mit aufsteigenden Nummern immer kleiner.

Überschriften spielen auch in der Suchmachinenoptimierung (SEO) eine wichtige Rolle. Google gibt Webentwicklern Hinweise, wie sie die Auffindbarkeit von Inhalten in ihrer Suchmaschine verbessern können. Hilfreich sind demnach etwa eine sinnvolle Gliederung von Texten und die Verwendung von aussagekräftigen Überschriften. Ausdrücklich weist Google darauf hin, dass eine übermäßige Nutzung von Überschriften negativ gesehen wird, da hierdurch Leser verwirrt werden könnten. Auch sehr lange Texte in Kopfzeilen bewertet Google kritisch.

Abgrenzung von Heading-Tags zu Header-Elementen

Das head-Element ist trotz der ähnlichen Bezeichnung nicht mit dem Heading-Tag zu verwechseln. Hierbei handelt es sich um den Kopf der Webseite, in dem wichtige Metadaten hinterlegt werden können. Dazu zählen die Kodierung der Webseite und kennzeichnende Keywords. Ebenso kann der Webentwickler hier für die Formatierung notwendige CSS-Dateien einbinden. Auch die im Browser-Tab angezeigte Kopfzeile lässt sich dort definieren. Das head-Element hat ebenfalls eine wichtige Bedeutung für die Suchmaschinenoptimierung.

Quellenangaben:
<url=https://wiki.selfhtml.org/wiki/HTML/Elemente/html>HTML-Elemente auf wiki.selfhtml.org
<url=https://support.wix.com/de/article/heading-tags-hinzuf%C3%BCgen>Verwendung von Heading-Tags auf wix.com
<url=https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=de>Google-Startleitfaden für Suchmaschinenoptimierung

Jetzt den SEO-Küche-Newsletter abonnieren

Ähnliche Artikel

Reddit

Was ist Reddit? Reddit ist ein Social-News-Aggregator, der 2005 gegründet wurde und heute zu den meistbesuchten Seiten des Internets zählt. Millionen User aus der ganzen Welt veröffentlichen täglich zahlreiche Inhalte in Form von Links, Videos, Bildern, Textbeiträgen oder Umfragen. Der Begriff „Reddit“ ist eine Kombination aus den Verben ‘read’ (deutsch: […]

Google Spam Update

Was ist das Google Spam Update? Das Google Spam Update ist ein Qualitätsupdate von Google. Es wurde ohne Ankündigung zum ersten Mal im Juni 2021 weltweit ausgerollt und bestand aus zwei Teilen. Der erste Teil wurde im Juni 2021 in die Suchmaschine eingespielt. Der zweite Teil des Updates folgte einen Monat später. Das Google […]

Domain Popularity

Was ist die Domain Popularity? Bei der Domain Popularity handelt es sich um ein Kriterium, mit dem sich die Relevanz einer Webseite objektiv feststellen lässt. Sie gibt die Anzahl der Webpräsenzen an, die auf eine bestimmte andere Webseite verweisen. Eine solche eingehende Verknüpfung auf den eigenen Internetauftritt wird auch als […]

Proxy Server

Was ist ein Proxy Server? Das Wort Proxy bedeutet “im Namen eines anderen handeln”, und ein Proxy Server handelt im Namen des Benutzers. Ein Proxy Server (kurz: Proxy genannt) ist jeder Computer, der den Datenverkehr zwischen Netzwerken oder unterschiedlichen Übertragungs-Protokollen durchführt. Dieser Computer ist ein Zwischenserver, der Endbenutzer-Clients physikalisch vom […]

Framework

Was ist ein Framework? Was ist ein Framework? Das Framework ist insbesondere in der Software-Entwicklung ein fester Begriff. Es steht für ein Grundgerüst, das dem Programmierer bestimmte vorgefertigte Module und Funktionen bietet. Diese kann er durch einfache Befehle in sein Programm einbinden. Der Vorteil ist, dass wiederkehrende Aktionen, etwa das […]

AIDA-Formel

Die AIDA-Formel Die Abkürzung AIDA steht für die englischen Begriffe: Attention (Aufmerksamkeit) Interest (Interesse) Desire (Verlangen) Action (Handlung) Das AIDA-Model ist in Werbe- und Marketingkreisen sehr erfolgreich und weit verbreitet. Das Modell beschreibt die verschiedenen Schritte, die vom Eintritt einer Person in die Bewusstseinsphase eines Marketing-Instruments bis zur endgültigen Entscheidungsfindung […]