Was ist ein Header? Aufbau und Wirkung im B2B

Ein Header ist die feste Leiste am oberen Rand jeder Seite einer Website: der Bereich mit Ihrem Logo, dem Hauptmenü und meist einer klaren Handlungsaufforderung. Er ist buchstäblich das Erste, was ein Besucher sieht, und er bleibt oft sichtbar, während jemand scrollt.

Für eine B2B-Website, die Anfragen erzeugen soll, entscheidet der Header mit darüber, ob ein Besucher sich orientiert und bleibt oder innerhalb weniger Sekunden wegklickt. In diesem Artikel lesen Sie, was ein Header genau ist und wie Sie ihn für Navigation und Conversion einsetzen.

Was ein Header genau ist

Der Header ist ein wiederkehrendes Element, das oben auf jeder Seite identisch erscheint, das Gegenstück zur Fußzeile unten. Weil er überall und sofort sichtbar ist, ist er Ihr wichtigstes Steuerungsmittel für Navigation. Im Auszeichnungscode gibt es sogar ein eigenes <header>-Element, das genau dafür gedacht ist. Für Besucher wie für Suchmaschinen ist der Header damit ein fester Orientierungspunkt.

Häufig bleibt der Header beim Scrollen am oberen Bildschirmrand kleben, ein sogenannter fixierter Header, damit Menü und Schaltfläche jederzeit erreichbar bleiben. Was oberhalb der ersten Bildschirmkante steht, behandelt der Eintrag zu Above the Fold.

Die Bestandteile eines Headers

Ein Header muss nicht voll sein. In der Praxis bestehen die stärksten Kopfleisten aus einer Handvoll fester Bausteine, jeder mit einer eigenen Aufgabe. Hier steht, was jeder Bestandteil leistet und welchen Fehler wir am häufigsten sehen.

Bestandteil	Was er leistet	Häufiger Fehler
Logo	Bestätigt, wo man ist, und führt zurück zur Startseite	Zu klein oder nicht anklickbar
Hauptmenü	Führt zu Ihren wichtigsten Seiten: Leistungen, Referenzen, Über uns	Zu viele Einträge, keine erkennbare Reihenfolge
Handlungsaufforderung	Fängt Absicht mit einer primären Handlung auf	Fehlt oder geht im Menü unter
Suchfunktion	Hilft bei vielen Inhalten, schnell etwas wiederzufinden	Eingebaut, obwohl die Website sie nicht braucht
Telefonnummer	Senkt die Hürde zum direkten Kontakt, im deutschsprachigen B2B eine echte Erwartung	Versteckt in einem Untermenü
Sprachumschalter	Führt Besucher aus Österreich oder der Schweiz zur richtigen Fassung	Nimmt Aufmerksamkeit von der Hauptaktion, wenn er zu prominent sitzt

Nicht jede Website braucht jeden Bestandteil. Eine kleine B2B-Website fährt oft besser mit Logo, einem kurzen Menü und einer einzigen Handlungsaufforderung.

Warum der Header im B2B zählt

Der Header bildet den ersten Eindruck und das Navigationsherz Ihrer Website. Im B2B, wo Entscheider schnell urteilen, entscheidet dieser erste Blick mit darüber, ob jemand Sie ernst nimmt. Eine unruhige Kopfleiste sät Zweifel, eine klare strahlt Professionalität aus.

Erster Eindruck

Logo, Ruhe und Klarheit zeigen sofort, dass Sie ein verlässlicher Anbieter sind. Ein Besucher bildet sich innerhalb weniger Sekunden ein Urteil, noch bevor er ein Wort gelesen hat. Eine gepflegte Kopfleiste kauft Ihnen das Vertrauen, den Rest der Seite überhaupt zeigen zu dürfen. Eine Leiste voller Banner, Einblendungen und konkurrierender Schaltflächen bewirkt das Gegenteil.

Ein logisches Menü hilft Besuchern, sofort die richtige Seite zu finden. Reihenfolge und Wortwahl Ihrer Menüeinträge steuern, wohin geklickt wird, also stellen Sie die Seiten nach vorn, die Anfragen bringen. Wie sich das in die gesamte Seitenstruktur einfügt, erklärt der zugehörige Eintrag.

Orientierung

Ein guter Header macht auf einen Blick klar, was Sie tun und für wen. Genau das braucht eine B2B-Startseite: Jemand muss ohne Nachdenken begreifen, ob er an der richtigen Stelle gelandet ist.

Der Header und Ihre Conversion

Der Header dient nicht nur der Navigation, er steuert aktiv Richtung Abschluss. Die Handlungsaufforderung im Header ist oft die am häufigsten geklickte Schaltfläche Ihrer gesamten Website, schlicht weil sie immer sichtbar ist. Ein Besucher, der überzeugt wird, muss den nächsten Schritt nicht suchen, er steht schon oben.

Damit ist der Header ein Hebel für Ihre Conversion Rate. Eine klare, durchgängige Schaltfläche fängt Absicht in jedem Moment des Besuchs auf. Fehlt sie oder geht sie in einem vollen Menü unter, lassen Sie Anfragen liegen. Beim conversionorientierten Webdesign beginnt die Aufmerksamkeit deshalb häufig ganz oben.

Ein Punkt, der im deutschsprachigen B2B stärker wiegt als anderswo: Die primäre Handlung muss nicht zwingend “Demo anfragen” heißen. In vielen Branchen ist die vertrauensbildendere Handlung ein Rückruf, eine Beratung oder eine konkrete Anfrage. Wählen Sie das Wort, das Ihre Käufer tatsächlich verwenden, nicht das aus einem internationalen Vorlagenset.

Ein konkretes Beispiel

Angenommen, ein Softwareanbieter hat ein Menü mit zehn Einträgen und drei Schaltflächen oben: Anmelden, Preise anfragen, kostenlos testen. Besucher klicken in alle Richtungen, und die wichtigste Handlung, eine Demo anzufragen, verschwindet im Rauschen.

Wird das Menü auf vier Einträge zurückgeführt und die Leiste auf eine primäre Schaltfläche reduziert, weiß der Besucher sofort, was gemeint ist. In der Praxis führt eine solche Vereinfachung nicht zu weniger Handlungen, sondern zu mehr, gerade weil die Wahl klarer wird.

Was im deutschsprachigen Raum zusätzlich zu bedenken ist

Zwei Punkte kommen hier hinzu, die in internationalen Gestaltungsvorlagen fehlen.

Der Weg zum Impressum. Die Impressumspflicht gilt in Deutschland und Österreich, und die Angaben müssen leicht erkennbar und unmittelbar erreichbar sein. Der übliche und richtige Ort dafür ist die Fußzeile, nicht der Header. Wichtig ist nur, dass der Weg dorthin von jeder Seite aus kurz bleibt. Wer den Impressumslink hinter mehreren Klicks versteckt, schafft ein vermeidbares Risiko.

Barrierefreiheit. Seit Mitte 2025 gelten in Deutschland erweiterte Anforderungen an die digitale Barrierefreiheit für bestimmte Angebote gegenüber Verbrauchern. Ob Ihr Angebot darunterfällt, gehört rechtlich geprüft und nicht geschätzt. Unabhängig davon ist ein Header, der sich mit der Tastatur bedienen lässt, ausreichende Kontraste hat und dessen Menü auch mit einem Screenreader sinnvoll vorgelesen wird, einfach besseres Handwerk. Der Eintrag zur Barrierefreiheit und der zu den WCAG beschreiben, worum es dabei geht.

Häufige Fehler

Zu viele Menüeinträge. Jede zusätzliche Wahl senkt die Wahrscheinlichkeit, dass jemand die richtige trifft.
Keine sichtbare Handlung. Ohne klare Handlungsaufforderung muss der Besucher den nächsten Schritt selbst suchen.
Mehrere konkurrierende Schaltflächen. Drei gleich auffällige Schaltflächen führen niemanden irgendwohin.
Eine Kopfleiste, die auf dem Telefon nicht mitgeht. Auf einem kleinen Bildschirm gehört das Menü aufgeräumt hinter ein eindeutiges Symbol, mit der wichtigsten Handlung weiterhin im Bild. Die Grundlagen dazu stehen im Beitrag zum responsiven Webdesign.
Ein zu hoher fixierter Header. Was auf dem Bildschirm elegant wirkt, frisst auf dem Telefon ein Drittel der sichtbaren Fläche.
Menütexte im Fachjargon. “Solutions” und “Plattform” sagen Ihrem Besucher nichts. Benennen Sie, was dahintersteckt.

Ehrlich gesagt: Fokus schlägt Vollständigkeit

Wir sagen es lieber vorweg: Ein Header mit zehn Menüeinträgen und mehreren Schaltflächen lähmt den Besucher, statt ihn zu führen. Jede zusätzliche Wahl senkt die Wahrscheinlichkeit, dass jemand die richtige trifft. Im B2B zählt Fokus.

Unser Rat: Beschränken Sie beim Erstellen Ihrer Website das Menü auf die Seiten, die wirklich zählen, geben Sie Ihrer Website eine eindeutige primäre Handlung und halten Sie den Header ruhig. Führen Sie den Besucher zum nächsten Schritt, statt ihm alles gleichzeitig zu zeigen.

Häufige Fragen

Was gehört in einen Header?

Meist Ihr Logo, ein knappes Hauptmenü mit Ihren wichtigsten Seiten und eine klare Handlungsaufforderung. Halten Sie ihn ruhig und gerichtet, damit der Besucher sofort weiß, wohin er gehen kann.

Was ist der Unterschied zwischen Header und Fußzeile?

Der Header steht oben auf jeder Seite mit Logo, Menü und Schaltfläche und bildet den ersten Eindruck. Die Fußzeile steht unten mit Kontaktangaben, weiterführenden Verweisen und rechtlichen Pflichtangaben. Beide kehren auf jeder Seite wieder.

Was ist ein fixierter Header?

Ein fixierter Header bleibt beim Scrollen oben am Bildschirmrand sichtbar. So bleiben Menü und Handlungsaufforderung stets erreichbar, was Navigation und Conversion zugutekommt. Achten Sie darauf, dass er auf kleinen Bildschirmen flach genug bleibt.

Wie viele Menüeinträge gehören in einen Header?

So wenige wie möglich, meist fünf bis sieben. Zu viele Auswahlmöglichkeiten lähmen den Besucher. Beschränken Sie sich auf die Seiten, die wirklich zählen, und geben Sie einer primären Handlung den Vorrang.

Schadet ein großes Menü meiner Auffindbarkeit?

Nicht direkt, aber indirekt. Ein Menü mit sehr vielen Einträgen verteilt die interne Verweiskraft breit und macht es schwerer erkennbar, welche Seiten Ihnen wichtig sind. Ein knappes Menü mit den entscheidenden Seiten sendet ein klareres Signal, nach innen wie nach außen. Die Mechanik dahinter beschreibt der Eintrag zu internen Links.

Sollte der Header auf jeder Seite gleich aussehen?

In aller Regel ja, weil Wiedererkennung Orientierung schafft. Eine begründete Ausnahme sind reine Landingpages aus Werbekampagnen: Dort wird das Menü häufig bewusst reduziert oder weggelassen, damit der Besucher nur eine Handlung vor sich hat.

Wollen Sie wissen, ob Ihr Header führt?

Lassen Sie uns auf Ihre Website schauen, und wir sagen Ihnen ehrlich, ob Ihr Header Vertrauen weckt und zur richtigen Handlung führt. Wir sind ein kleines Team, das schnell arbeitet, also bekommen Sie konkrete Verbesserungspunkte statt allgemeiner Ratschläge. Vereinbaren Sie Ihr kostenloses Erstgespräch.