Dette indlæg er en guide til at bruge overskrifter - samt overskriftkoderne H1, H2, H3, H4, H5 og H6. Skrevet fordi stort set alle mine kunder bruger koder og overskrifter forkert, når de begynder at lægge indhold på deres website.
Har du for vane at vælge den overskriftkode, du synes har den mest passende størrelse, vælger du forkert.
H1, H2, H3 etc. skal bruges til forskellige typer tekst, der tjener forskellige formål. Mere om det senere i denne guide,
Det er ikke for meget at sige, at teksterne mellem H-koderne er de vigtigste tekster på et website.
Overskrifter har langt større betydning, end de fleste er klar over. Du skal bruge flere, end du sikkert tror. Og skrive dem med omhu. Du skal bruge dem til at undgå lange, enformige afsnit.
Tip til at skrive digitale overskrifter
Overskrifter eller rubrikker
Du kalder dem sikkert overskrifter. I mediebranchen kaldes de rubrikker. Eksempelvis hovedrubrik, underrubrik og mellemrubrik.
Du kan med fordel bruge mange rubrikker på et website. Og det er ikke kun hovedrubrikken, der er vigtig. Du skal især bruge mange mellemrubrikker. Og de skal formuleres med omhu:
- Hovedrubrikken skal vække interesse
- Underrubrikken skal uddybe
- Mellemrubrikker skal fange interesse igen og igen og igen
Rubrikker afgør blandt andet:
- Om besøgende hurtigt kan finde relevant og interessant indhold
- Om en side kan holde på besøgende i mere end få sekunder
- Om besøgende oplever dit website som overskueligt
- Om besøgende læser brødteksten eller ej
- Om besøgende scroller hele vejen nedad eller stopper undervejs
- Om teksten (lange ensformige afsnit uden mellemrubrikker) får dem til at give op
- Om budskaberne overhovedet får effekt - bliver husket eller skaber handling
- Om Google forstår indholdet og viser det i toppen af søgeresultaterne
Brug de tre rubriktyper flittigt, korrekt og strategisk
Fokuser ikke kun på koder og æstetisk udtryk som skriftstørrelse, skrifttype, justering etc. Teksten mellem koderne er ikke mindre vigtig.
Overskrift-koder er semantiske værktøjer - sproglige virkemidler. Værktøjer til at kommunikere. Ikke til at dekorere.
Tænk derfor også i indhold og budskaber.
Overskrifter skal helst være sigende sætninger. Ikke bare enkelte ord som etiketter på krydderiglas.
Gode rubrikker og korrekt brug af koderne er vigtige. De har stor betydning for, om …
- Hjælper du besøgende
- Påvirker du besøgende positivt og effektivt
- Får besøgende et positivt indtryk af dit website, din service, dine ydelser
Bruger du for få rubrikker, vil dine sider virke massive og svært tilgængelige.
Sådan skal du ikke bruge koder til rubrikker
Koderne bliver ofte brugt med den primære hensigt at øge størrelsen på tekst - for at få tekstbidder til at skille sig ud fra den såkaldte brødtekst. De fleste har ingen andre formål med at bruge koderne. Og det er skidt.
Selvom du hyrer en professionel webproducent, kan du i øvrigt sagtens komme ud for, at vedkommende primært bruger H1, H2, H3, H4, H5 og H6 til at dekorere tekst - og ikke til at kommunikere effektivt. Fordi webproducenter ofte er tekniske og praktiske nørder med god forstand på WordPress. De har ikke nødvendigvis forstand på at kommunikere og designe.
Lægger du selv tekst på dit website, bør du lære, hvordan koderne bruges til både at designe, strukturere og kommunikere.
Rubrikker skal have forskellige størrelser
Overskrifter skal naturligvis skille sig ud fra brødteksten - og have så forskellige størrelser, at man intuitivt kan kende forskel - endda uden at læse teksten.
Størrelsesforskelle hjælper os med at navigere i indholdet. Og størrelsen på skrift kan man styre på utallige måder. Også uden at bruge overskriftkoder.
H-koderne bruger man først til at organisere indhold.
Er det en hovedrubrik, en underrubrik eller en mellemrubrik?
Læg en plan for, hvordan de tre rubriktyper skal bruges på dit website.
Størrelse, skrifttype, farve, justering etc. styrer man, overskrift-typen er valgt.
Og der er “regler” for størrelser, det betaler sig at kende og overholde.
Det er eksempelvis ikke optimalt at mellemrubrik er markeret med fed skrift i samme størrelse som brødteksten.
Guide til at vælge skrifttørrelser
Lad mig forklare de tre rubriktyper H1, H2 og H3 ganske kort.
Derefter får du en mere detaljeret forklaring.
H1 er den vigtigste rubrik - hovedrubrikken på en side
Den skal være dækkende for hele sidens indhold.
Du kan sammenligne H1-rubrikken - hovedrubrikken - med titlen på en fagbog.
H2 er underrubrikker
De er som kapitler i en bog.
Der kan godt være utallige H2 på en webside, men brug dem til at beskrive større afsnit - til sektioner på de enkelte sider.
H3 er mellemrubrikker
Det er rubrikker over mindre afsnit. Det kunne være de afsnit, der samlet udgør et kapitel i en fagbog.
Der kan altså være mange mellemrubrikker på en side.
Følgende kan være fordelingen til en bog
<H1>Bogens titel</H1>
<H2>Rubrikker over kapitler</H2>
<H3>Afsnit i kapitler</H3>
Har du et website, hvor du deler viden, erfaring og ekspertise, kan følgende struktur være passende:
<H1>Hovedrubrik på siderne - bør indeholde søgeord</H1>
<H2>Rubrikker over sektioner - brug synonymer, keywords, carewords og powerwords</H2>
<H3>Afsnit i kapitler - brug informative ord, der guider besøgende</H3>
Rubrikker har flere vigtige formål på en side
Velskrevne og velformaterede rubrikker (altså teksterne - ikke koderne!) har stor betydning.
De er:
- Scanningspunkter, der hjælper brugerne med at orientere sig i indholdet
- Mentale vejskilte. Hjælper brugerne med hurtigt at finde det relevante
- Strukturelle signaler til søgemaskiner og skærmlæsere
Google bruger overskrifter til at forstå struktur og relevans.
H-koderne har derfor også betydning i forhold til søgemaskineoptimering (SEO), men det kommer jeg ikke nærmere ind på her. Du skal blot vide det.
En god rubrik-struktur skal gerne gøre det muligt at forstå sidens hovedbudskaber uden at læse brødteksten.
Gode rubrikker skal præsentere kernebudskaber. Det må gerne være budskaber, der kan stå alene.
Forestil dig, at brugerne KUN læser rubrikkerne. Det er slet ikke utænkeligt, at mange besøgende kun læser dine rubrikker - så sørg for at de er meningsfulde og har positiv effekt.
Især H1 og H2 skal også gerne være forståelige, selvom brugeren måske ikke læser den tilhørende brødtekst.
H1 – hvad er sidens formål og hovedbudskab
H1 er den vigtigste overskrift på siden. Der bør kun være én.
Hvad H1 skal bruges til
- Forklare hvad siden overordnet handler om
- Bekræfte for brugeren: “Du er landet det rigtige sted”
- Sætte kontekst for både mennesker og søgemaskiner
Kendetegn ved en god H1
- Er meningsbærende. Også når den læses alene
- Består af 5-7 ord
- Beskriver sidens primære emne (ofte også det vigtigste søgeord)
- Er skrevet til mennesker – ikke til Google alene
Eksempel
H1: Sådan skriver du webtekster, der bliver læst
Typiske fejl
- Flere H1’er på samme side
- H1 som logo, slogan eller tom floskel
- H1 brugt på “velkommen”, slogan eller to floskel
- H1 der kun giver mening for afsenderen
- H1 brugt på et enkelt ord
H2 – Sidens hovedafsnit (de store kapitler)
H2’er opdeler siden i logiske sektioner.
Hvad H2 skal bruges til
- Beskrive de store temaer eller spørgsmål, siden giver svar på
- Gøre det muligt at skimme siden og hurtigt finde relevant indhold
- hurtigt fange skift mellem temaet
- Hurtigt skimme og skanne
- Fange opmærksomheden hos brugere, der skimmer og scroller hurtigt
Tænk på H2 som
- Kapiteloverskrifter i en bog
- Punkterne i en disposition
- Svar på spørgsmål brugeren stiller undervejs
Eksempel
- H2: Hvorfor er rubrikker vigtigere end brødtekst
- H2: De mest almindelige fejl i brugen af H-tags
- H2: Sådan strukturerer du lange websider
God tommelfingerregel
Hvis en sektion ikke fortjener sin egen H2, er den sandsynligvis ikke vigtig nok.
H3 – Underafsnit, der forklarer eller uddyber
H3’er bruges til at strukturere indholdet inden for et H2-afsnit.
Hvad H3 skal bruges til
- Opdele komplekse emner i mindre bidder
- Gøre lange afsnit mere overskuelige
- Hjælpe læsere, der springer frem og tilbage
Eksempel
- H3: Typiske fejl i brugen af overskrifter
- H3: For mange overskrifter uden indhold
- H3: Overskrifter uden informationsværdi
- H3: Forkert hierarki
H4, H5, H6 – Brug dem med måde
I praksis bruges de sjældent – og ofte forkert.
H4 kan ofte med fordel bruges til etiketter - altså til at hjælpe brugerne med at finde faktuelle informationer som:
H4: Adresse
H4: Åbningstid
H4: Kontakt
Hvornår de giver mening
- I teknisk, faktuelt eller meget komplekst indhold
- I dokumentation, guides, juridisk eller fagligt materiale
- Når strukturen ellers bliver uoverskuelig
Hvornår de ikke giver mening
- Som styling-element (“den rubrik skal bare være mindre”)
- I marketingtekster, salgssider og blogindlæg for almindelige brugere
Hvis du har brug for H5 og H6 på en salgsside, er strukturen sandsynligvis for kompleks.
Det er nyttigt at kende forskel på pænt design og smart design
