Was ist der Header?

Der Header der Webseite beschreibt den oberen Bereich einer Webseite, der meistens über alle Seiten der Domain gleich gestaltet ist und die Navigation beinhaltet.

Was ist der Header?

Die meisten Webseiten lassen sich in mehrere Gebiete aufteilen, von denen jedes einen bestimmten Job hat. Generell gibt es meist einen Header, den Hauptinhalt der Seite (von Google auch Main Content genannt) und einen Footer.

Nehmen wir zur Veranschaulichung unsere Frag-SISTRIX Themenseite:

  • Header:
Zeigt den Header auf der Frag-SISTRIX Themenseite an.
  • Main Content:
Zeigt den Main Content auf der Frag-SISTRIX Themenseite an.
  • Footer:
Zeigt den Footer auf der Frag-SISTRIX Themenseite an.

Der Header wird häufig als eigenes Template erstellt und enthält meistens die Hauptnavigation der Seite. Dieses Template kann dann automatisiert auf jeder Unterseite der Webseite ausgespielt werden.

Bei allen Links im Header handelt es sich natürlich um reguläre Links, die Nutzer und Google zur Navigation der Seite heranziehen können. Google misst den Header Links, seit dem „Reasonable Surfer Model“ beim PageRank, einen geringeren Wert zu als den Links im Main Content.

Header vs. <header> vs. <head>

Bei der Auszeichnung eines HTML-Dokuments gibt es seit jeher eine Unterscheidung in den <head>- und <body>-Teil des Quellcodes. Im <head> werden Regieanweisungen an den Browser übergeben, die jedoch auf der Seite selbst nicht angezeigt werden. Im <body> steht dann der Inhalt, den der Browser auf dem Bildschirm anzeigen soll.

In den Spezifikationen des HTML5 Standards gibt es zudem ein eigenes <header>-Element.

Hierbei handelt es sich um ein Element, welches dem nächsten, höheren Unterteilenden Inhalt zugeordnet wird und als Kopfzeile dieses Inhalts anzusehen ist.

Dabei ist es egal wo der Unterteilende Inhalt, wie zum Beispiel ein <section>-Element, liegt. Es ist, wie beim <footer> auch, durchaus möglich einen eigenen <header> für den <body> des HTML-Dokuments zu erstellen und dann bei weiteren Elementen, wie zum Beispiel einem <div> noch einen <header> für diesen bestimmten Container hinzuzufügen.

Fazit zum Header

Die allermeisten Webseiten nutzen jedoch noch nicht diese weiterführenden Unterteilungsmöglichkeiten. Daher ist meistens, wenn man vom Header liest, der Inhalt am ganz oben auf der Seite gemeint, in dem die Hauptnavigation angezeigt wird.

16.01.2023