Website Header

A website header is the upper area of a page and often contains a logo or wordmark, main navigation, search, language selection, contact details, or account actions. It helps users identify the offer and provider quickly and reach important destinations. Depending on page type, the header may remain consistent across the site or be deliberately reduced on a focused landing page.

A good header prioritises rather than highlighting everything at once. Navigation and controls need clear labels, keyboard access, and reliable operation on small screens. A sticky header may shorten navigation paths but should not obscure too much visible content. For SEO, clear internal linking matters most; simply placing a keyword in the header does not guarantee rankings.

  • Combines brand, navigation, and key actions
  • Prioritises important goals instead of treating all links equally
  • Make it usable on mobile and by keyboard
  • Sticky headers must not obscure content
  • Clear internal links support navigation and SEO

Frequently asked questions

Common elements include branding, main navigation, and a few key actions such as search, contact, basket, or sign-in.

No. A sticky header helps when it improves navigation without consuming excessive space or obscuring content and focus targets.
Zum Glossar