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

Release Management

Release Management einfach und verständlich erklärt Der Begriff Release Management beschreibt die Planung, Umsetzung und das Controlling von Softwareentwicklungsprozessen und der angewendeten IT-Infrastruktur. Release Management – Definition Durch das Release Management wird es möglich, einen Überblick über den gesamten Entwicklungsprozess von Softwares, Web-Anwendungen und deren Updates sicherzustellen. Das Release Management […]

Google Doodle

Was ist Google Doodle? Als Google Doodle (deutsch: Kritzelei, Gekritzel ) bezeichnet der US-amerikanische Suchmaschinenbetreiber Google die unterschiedliche Darstellung seines Firmenlogos auf der Startseite und in den Suchergebnisseiten (kurz: [a href=https://www.seo-kueche.de/lexikon/serp-search-engine-result-page/]SERP[/a]). Seit 1998 ist es bei dem Tech-Unternehmen Tradition, zu besonderen Anlässen wie Geburtstagen wichtiger Persönlichkeiten aus Kunst und Wissenschaft, […]

Data Warehouse

Was ist ein Data Warehouse? Bei einem Data Warehouse (manchmal auch Datenlager genannt, kurz: DWH) handelt es sich um ein zentrales Datenbanksystem, das sich in Unternehmen zu Analyse- und Prognosezwecken einsetzen lässt. Für diesen Zweck sammelt und verdichtet das System relevante Daten aus verschiedenen heterogenen Datenquellen wie zum Beispiel dem Customer Relationship Management (CRM), Human Resources (HR) oder Enterprise Resource Planning (ERP) und stellt diese nachgelagerten Anwendungen zur Verfügung. […]

Search Engine Marketing SEM

Search Engine Marketing einfach und verständlich erklärt Der Begriff Search Engine Marketing (SEM) ist ein Teilbereich im Online-Marketing und beschreibt alle Maßnahmen, die getroffen werden können, um eine prominente Positionierung einer Webseite innerhalb der Suchmaschinen in den Suchergebnissen (englisch: Search Engine Result Pages, kurz SERPs) und damit Besucher für eine […]

bit.ly

Was ist Bit.ly? Bitly (auch bitly oder bit.ly geschrieben) ist ein 2008 von Peter Stern gegründetes Tech-Unternehmen mit Sitz in New York. Kerngeschäft der SaaS-Firma ist der Betrieb des gleichnamigen Kurz-URL-Dienstes. Dieser lässt sich wahlweise über die Website bit.ly (oder bitly.com), mittels API oder über die für iOS und Android […]

TYPO3

TYPO3 einfach und verständlich erklärt TYPO3 ist ein freies und webbasiertes Content Management System (WCMS) auf PHP-Basis, welches sowohl für private als auch kommerzielle Zwecke lizenzkostenfrei verwendet werden kann. Begriffsdefinition TYPO3 ist ein lizenzfreies Content Management System (CMS), welches 1997 vom dänischen Webdesigner Kasper Skårhøj entwickelt wurde. TYPO3 zählt neben […]