Sticky Header
Ein Sticky Header ist eine Navigationsleiste, die beim Scrollen am oberen Bildschirmrand fixiert bleibt, statt mit dem Inhalt nach oben zu verschwinden. Technisch meist über CSS `position: sticky` gelöst, hält sie Menü, Logo und einen Call-to-Action permanent erreichbar.
Für dich als Webdesigner ist der Sticky Header eines der unterschätzten Conversion-Werkzeuge auf den Seiten deiner Kunden. Eine fixierte Leiste hält Telefonnummer, Termin-Button oder Angebots-Link dauerhaft im Sichtfeld, auch wenn der Besucher schon dreimal gescrollt hat. Genau das ist bei lokalen Dienstleistern Gold wert: Der Interessent muss nie zurück nach oben, um den Anruf-Button zu finden. Die Nielsen Norman Group bestätigt, dass mitlaufende Header die Auffindbarkeit der enthaltenen Elemente erhöhen und die Wahrscheinlichkeit steigern, dass Nutzer sie auch verwenden. Das ist ein konkretes Verkaufsargument, das du im Pitch nutzen kannst, statt nur über Optik zu reden.
Der häufigste Fehler, den du bei Bestandsseiten findest, ist ein zu hoher oder zu schwerer Header. Frisst die Leiste auf dem Handy mehr als rund 15 Prozent der sichtbaren Höhe, klaut sie dauerhaft Lesefläche und nervt. Halte sie schlank, auf Mobilgeräten lohnt sich das Muster, den Header beim Hochscrollen einzublenden und beim Runterscrollen wieder auszublenden. Achte außerdem auf die Performance: Eine reine CSS-Lösung kostet kaum etwas, aber sobald schweres JavaScript oder ein wackelnder Nachlade-Header dazukommt, verschlechterst du Layout Shifts und damit die Core Web Vitals deiner Kunden.
Im Akquise-Alltag ist ein fehlender oder veralteter Sticky Header oft ein sichtbares Symptom dafür, dass eine Website technisch in die Jahre gekommen ist. Wenn du bei der Analyse eines Leads siehst, dass die Navigation beim Scrollen verschwindet und der Kontakt-Button nur ganz oben sitzt, hast du einen sofort nachvollziehbaren Aufhänger fürs Gespräch.