Hjem / Dreiebok / Bruk av overskrifter

Bruk av overskrifter

Overskrifter er ikke bare visuell øyedrops – de er strukturen som hjelper lesere, søkemotorer og skjermlesere å navigere innholdet.

Fordeler med riktig bruk av overskrifter

Det er tre viktige fordeler med å bruke overskriftsnivåene riktig:

1. Tilgjengelighet

Skjermlesere bruker overskriftshierarkiet til å navigere siden. Feil rekkefølge gjør innholdet utilgjengelig for synshemmede.

2. SEO

Google forstår sidestrukturen ut fra overskrifter. Én klar H1, logiske H2-seksjoner og beskrivende H3-er gir bedre rangering.

3. Lesbarhet

Brukerne skanner sider før de leser dem. Tydelig hierarki gjør det enklere å finne det de leter etter raskt.

Overskriftshierarki på tt.no

Tenk på overskrifter som en innholdsfortegnelse. De må følge en logisk rekkefølge. Hopp aldri over nivåer.

H1 – sidetittel som kun brukes en gang per side

Beskriver hele sidens tema. Settes automatisk av WordPress fra sidettitelen i redaktørfeltet. Ikke legg til ekstra H1 manuelt i innholdsfeltet.

H2 – hovedseksjoner av sider

Deler inn innholdet i logiske kapitler. Bruk H2 for hvert større tema på siden. Du kan ha flere H2-er.

H3 – underseksjoner av H2

Brukes når en H2-seksjon har flere undertemaer. H3 kan bare stå under en H2, aldri direkte under H1.

H4 – brukes kun ved behov

Kun hvis innholdet faktisk krever fire nivåer. Vurder om strukturen heller bør forenkles.

Eksempel på bruk av H2 og H3

H2: Montering

Følg bruksanvisningen til stolen nøye. Babystolen kan enten monteres med bilens belte eller ISOfix. Begge deler er like trygt så lenge det er montert riktig.  Er du usikker? Da er det best å ta kontakt med produsenten. (…)

H3: Skal håndtaket på bilstolen stå opp eller ned?

De fleste håndtak på babybilstoler skal stå opp, men sjekk i bruksanvisningen hva som gjelder for din bilstol.

H3: Helning på babystolen 

Bilstolen bør ha en helning på ca. 40-45 grader. Man bør ikke overstige 45 grader fordi det kan påvirke barnets sikkerhet. Pass på at barnet sitter godt og puster fint. 

H2: Babyen trygg i bilen 

For at bilstolen skal beskytte babyen på best mulig måte er det to ting som er veldig viktig:

Designsystem i wordpress

For å gi et helhetlig uttrykk er designet på overskriftene forhåndsdefinert. De skal brukes slik de er, ikke endres ved å f.eks. fjerne/legge til bold, benytte kursiv etc.

NB! Bruk aldri fet tekst som erstatning for overskrift. Skjermlesere og søkemotorer vil ikke lese det som overskrift, og strukturen vil bli dårligere.

Huskeliste for overskrifter

  • H1 brukes bare en gang per side, og er sidens tittel.
  • Start alltid nytt nivå med H2 i innholdsfeltet.
  • Bruk designsystemet i wordpress.
  • Skriv beskrivende overskrifter som oppsumerer seksjonen
  • Hold overskrifter korte og tydelige