Innan du bygger din egen header ska vi snabbt gå in på vad det är för något och varför det används.
Vad är en header?
En header, även kallat sidhuvud, är den översta delen på din webbsida. Den är främst till för att informera besökaren vad din webbsida handlar om, och för att berätta för besökaren hur hon kan navigera på din webbsida.
Headern på din dator
Den header som syns på din dator är stor och luftig då det finns mycket plats att placera viktiga element där.
Header på mobil
Din webbsidas mobil-header är mer kompakt, och aktiveras normalt med en "hamburgermeny" (vänster). När du väl tryckt på hamburgermenyn kommer den "riktiga" headern fram och visar upp alla objekt såsom knappar och menyer.
I en header brukar detta finnas:
Företagslogga, som stärker ditt varumärke samtidigt som besökaren förstår att hon hittat till rätt webbsida.
Navigeringsmeny, som normalt består av textlänkar till viktiga sidor såsom "om oss", "kontakta oss", "våra tjänster" och så vidare.
Sökfält, som låter användarna söka efter allt innehåll på din webbsida.
Kontaktinformation, som ofta innehåller information om telefonnummer, adress och e-postadress.
Call to action, som ofta är en knapp som ber besökaren göra något såsom att boka ett möte eller köpa en produkt.
Ikoner för sociala medie-sidor, de är i regel länkar till sociala medie-tjänster som Facebook, X och Instagram.
Mer läsning
Klicka på knappen nedan för att komma till den artikel där du lär dig hur du designar headern för din webbsida.