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.

Jetzt den SEO-Küche-Newsletter abonnieren

Ähnliche Artikel

Semiotik

Was ist Semiotik? Definition und Erklärung Semiotik ist die Wissenschaft bzw. Lehre von den Zeichen und Zeichensystemen. Sie befasst sich mit der Untersuchung, wie Bedeutungen erzeugt und vermittelt werden. Die Semiotik erforscht alle Arten von Zeichen, von Wörtern und Bildern bis hin zu Gesten und Symbolen, und wie diese in […]

TikTok

Was ist TikTok? TikTok ist eine Social-Media-Plattform, die vom chinesischen Technologieunternehmen ByteDance betrieben wird. Das Videoportal wurde im September 2016 eingeführt und ist als mobile App für die Betriebssysteme Android und iOS verfügbar. TikTok hat sich weltweit zu einem kulturellen Phänomen entwickelt und wird von einer breiten Zielgruppe begeistert angenommen, […]

StartPage

Was ist die StartPage? StartPage ist eine Suchmaschine, welche die eingegebenen Suchanfragen der User an Google weiterleitet und dadurch anonymisiert die Suchergebnisse anzeigt. Startpage will damit den Datenschutz ihrer Nutzer gewährleisten und verfolgt einen ähnlichen Weg wie Ixquick. Die datenschutzfreundliche Suchmaschine StartPage ist eine Suchmaschine im Internet, die im Jahr […]

Webhosting

Was ist ein Webhosting? Unter Webhosting wird die Bereitstellung von Webspace sowie die Unterbringung (Hosting) von Websites auf dem Server eines Internet Service Providers (ISP) bezeichnet. Webhosting ist ein Internetdienst, der es ermöglicht, eine Website oder Webseite im Internet zu erstellen, zu veröffentlichen und zu verwalten. Webhosting: Definition Ein Webhosting-Anbieter, […]

ChatGPT

Was ist ChatGPT? ChatGPT ist ein sprach- und textbasierter Chatbot, welcher vom US-amerikanischen Unternehmen OpenAI entwickelt und im November 2022 veröffentlicht wurde. Die KI basiert auf einem innovativen Sprachmodell, das menschliche Kommunikation simuliert. ChatGPT: Definition ChatGPT versteht Texteingaben in natürlicher Sprache und produziert Antworten zu verschiedensten Themen. Dabei kann das […]

Native Advertising

Was ist Native Advertising und was sind Native Ads? Native Advertising (zu Deutsch „Werbung im bekannten Umfeld“) bezeichnet eine subtile Form der Werbung, bei der gezielt Inhalte präsentiert werden, die sich nahtlos in den Kontext einer Website einfügen. Im Fokus dieser Werbeform steht die Verschmelzung von werblichen Botschaften mit den […]