Header – der obere Bereich deiner Website

Besucher sehen ihn häufig direkt nach dem Aufruf einer Seite. Dort befinden sich typischerweise das Logo, der Website-Titel, das Hauptmenü und manchmal zusätzliche Elemente wie ein Suchfeld oder ein Button.

Der Header ist damit ein wichtiger Bestandteil der Navigation und des ersten Eindrucks.

Was gehört in einen Header?

Der Aufbau kann sehr unterschiedlich sein. Viele Websites zeigen im Header das Logo oder den Namen der Website. Daneben befindet sich häufig das Hauptmenü.

Bei einem Blog kann dort unter anderem die Navigation zu Kategorien wie Bloggen, WordPress, Plugins & Themes oder Webhosting & Domains stehen.

Auf kleineren Bildschirmen verändert sich der Header häufig. Das Menü wird beispielsweise zu einem sogenannten Hamburger-Menü zusammengefasst.

Der Header ist mehr als nur ein Bild

Früher wurden Header häufig riesig gestaltet. Heute steht dagegen oft eine übersichtliche Navigation im Vordergrund. Ein guter Header sollte Besuchern schnell vermitteln, wo sie sich befinden und wie sie weiterkommen.

Zu viele Elemente können dabei störend wirken. Wenn Logo, Menü, Suchfeld, Social-Media-Symbole, Werbeflächen und mehrere Buttons gleichzeitig um Aufmerksamkeit kämpfen, wird der obere Bereich schnell unübersichtlich.

Ein klarer Aufbau ist deshalb meistens die bessere Lösung.

Header bei WordPress

Bei WordPress wird der Header vom verwendeten Theme bereitgestellt.

Moderne Themes bieten zahlreiche Möglichkeiten, den Header über einen visuellen Editor zusammenzustellen. Logo, Navigation, Buttons und andere Elemente können dort häufig ohne Programmierkenntnisse angeordnet werden.

Bei Block Themes kann der Header ebenfalls über den WordPress Site Editor bearbeitet werden.

Das Prinzip bleibt aber immer gleich: Der Header bildet den oberen, wiederkehrenden Bereich der Website.

Was macht einen guten Header aus?

Ein guter Header sollte vor allem übersichtlich und verständlich sein.

Das Logo beziehungsweise der Website-Name sollte schnell erkennbar sein. Das Menü sollte logisch aufgebaut sein und wichtige Bereiche sollten nicht versteckt werden.

Auf Smartphones ist außerdem wichtig, dass der Header nicht zu viel Platz einnimmt. Schließlich möchte der Besucher möglichst schnell zum eigentlichen Inhalt gelangen.

Auch die Ladezeit sollte berücksichtigt werden. Ein riesiges Hintergrundbild oder zahlreiche unnötige Animationen können den oberen Bereich unnötig schwer machen.

Der erste Eindruck zählt

Der Header ist oft das erste Element, das Besucher wahrnehmen. Er sollte deshalb zum Charakter der Website passen. Ein Blog über Technik darf beispielsweise etwas moderner wirken, während ein persönlicher Blog vielleicht bewusst einfacher gestaltet ist. Entscheidend ist nicht, möglichst viele Gestaltungselemente unterzubringen. Ein guter Header führt Besucher unauffällig durch die Website.

Genau das ist seine wichtigste Aufgabe.