Heading tags er HTML-overskrifter, der opdeler og organiserer indhold på en webside i et tydeligt hierarki. De går fra H1, som typisk er sidens vigtigste overskrift, til H6, som bruges til underordnede niveauer.
Formålet er først og fremmest at skabe struktur, så både brugere og søgemaskiner lettere kan forstå sidens opbygning og de enkelte afsnits emner. En logisk brug af heading tags gør teksten mere overskuelig og kan hjælpe SEO ved at tydeliggøre, hvad indholdet handler om.
De har også betydning for tilgængelighed. Skærmlæsere og andre hjælpemidler bruger ofte overskrifterne til at navigere i indholdet, så korrekt brug af H1-H6 gør websider lettere at læse og bruge for flere.
Sådan fungerer overskriftsniveauer på en side
Overskrifter viser, hvordan indholdet er organiseret, og hjælper læseren med at se, hvad der hører sammen. H1 er sidens vigtigste overskrift og fortæller det overordnede emne. Derefter opdeles indholdet i sektioner med H2, som dækker de centrale underemner. Hvis en sektion skal deles yderligere op, bruges H3, og sådan fortsætter hierarkiet ned til H6.
Logikken svarer til en disposition: først hovedemnet, så underemner, og derefter mere detaljerede punkter. En H3 skal derfor høre under en H2, ikke stå alene som om den var på samme niveau. Rækkefølgen gør det lettere at forstå siden, fordi den viser forholdet mellem emner og underemner. Når niveauerne bruges konsekvent, bliver både indholdet og strukturen tydeligere.
Et enkelt eksempel kan være en side om kaffebrygning. Her kan H1 være “Guide til kaffebrygning”. Under den kan en H2 hedde “Valg af bønner”, og en anden H2 kan være “Bryggemetoder”. Under “Bryggemetoder” kan en H3 være “Stempelkande” og en anden H3 “Filterkaffe”. Så kan læseren straks se, at stempelkande og filterkaffe er underemner til bryggemetoder – ikke selvstændige hovedafsnit.
Betydning for SEO og emnerelevans
HTML-overskrifter hjælper søgemaskiner med at forstå, hvad en side handler om, og hvordan indholdet er opdelt i emner og underemner. En tydelig H1 markerer sidens hovedfokus, mens H2-H6 viser hierarki, sammenhæng og prioritering i teksten. Det gør det lettere for søgemaskiner at tolke emnerelevans og koble siden til relevante søgninger.
Heading tags er derfor en vigtig del af on-page SEO, fordi de understøtter både semantik og indholdsstruktur. Når overskrifterne er præcise og beskriver afsnittenes indhold, bliver siden mere logisk for både brugere og søgemaskiner. Relevante søgeord kan med fordel indgå naturligt i overskrifter, men de bør aldrig presses ind kunstigt. Overoptimering med gentagelser eller stive formuleringer kan svække læsbarheden og sende uklare signaler om kvalitet.
Det er samtidig vigtigt at forstå, at heading tags ikke alene afgør placeringer i søgeresultaterne. De virker sammen med blandt andet tekstkvalitet, intern struktur, links, brugeroplevelse og søgeintention. Korrekt brug af overskrifter styrker altså sidens relevans og forståelighed, men effekten er størst som del af en samlet SEO-indsats.
Tilgængelighed og bedre læsbarhed
Klare overskriftsniveauer gør en tekst langt lettere at skimme. Når indhold er opdelt i en logisk struktur fra H1 til H6, kan læseren hurtigt finde hovedemner, underafsnit og de oplysninger, der er relevante her og nu. Det forbedrer navigationen på siden og gør lange tekster mere overskuelige.
For brugeroplevelsen betyder det, at indhold ikke blot ser pænt organiseret ud, men også er nemmere at forstå. Overskrifter fungerer som pejlemærker, der viser sammenhængen mellem afsnit og emner. Det hjælper både den besøgende, der læser grundigt, og dem, der kun scanner siden for at få overblik.
Logiske heading tags styrker også tilgængeligheden. Skærmlæsere bruger den semantiske HTML-struktur til at annoncere overskrifter og lade brugeren hoppe mellem sektioner. Når niveauerne bruges korrekt, bliver siden lettere at navigere for personer, der benytter hjælpemidler. Semantisk HTML understøtter derfor både forståelse, struktur og en mere effektiv brugerrejse.
Sådan bruger man H1-H6 korrekt
En klar overskriftsstruktur gør både siden lettere at læse og indholdet nemmere at forstå for søgemaskiner. Start med én H1 pr. side, som fortæller det samlede emne helt præcist. H1 skal normalt placeres højt på siden og matche sidens hovedindhold, men den behøver ikke være identisk med title-tagget. Brug derefter H2 til de vigtigste afsnit, så læseren hurtigt kan skimme indholdet og finde de centrale pointer.
Brug H3-H6 til underniveauer, når et afsnit har behov for yderligere opdeling. Hold altid rækkefølgen logisk: Gå fra H2 til H3, ikke direkte fra H2 til H5. Overskrifter må gerne være korte, men de skal være beskrivende og dække det indhold, der faktisk følger efter. Undgå at bruge heading tags kun for at få større tekst i designet; de skal markere struktur, ikke styling.
Gode tommelfingerregler er: 1) Brug kun én H1. 2) Giv hver H2 sit eget tydelige tema. 3) Brug kun H3-H6, hvis der reelt er underafsnit. 4) Skriv overskrifter som naturligt sprog, ikke som rene nøgleordslister. 5) Tjek HTML-koden, så headings er markeret med de rigtige tags og i korrekt hierarki. Hvis en side kan læses som en tydelig disposition, er strukturen som regel på plads.
Typiske fejl i overskriftsstrukturen
En rodet overskriftsstruktur gør det sværere for både brugere, søgemaskiner og hjælpemidler at forstå sidens indhold. En klassisk fejl er at bruge flere H1-overskrifter uden en klar grund. På de fleste sider bør der være én tydelig H1, som beskriver hovedemnet. Fejl: to H1’er med “Produkter” og “Kontakt”. Korrekt: én H1 som “Vores produkter” og en H2 til “Kontakt”.
Et andet problem er spring i niveauer, hvor man går direkte fra H1 til H3 eller fra H2 til H4. Det skaber huller i hierarkiet. Fejl: H1 “SEO-guide” efterfulgt af H3 “Teknisk SEO”. Korrekt: brug først en H2, og under den eventuelt en H3. Niveauerne skal afspejle indholdets struktur, ikke bare den ønskede skriftstørrelse.
Mange bruger også overskrifter kun for designets skyld. Det er en fejl, hvis en tekstlinje kun ser pæn ud som H2, men ikke fungerer som reel overskrift. Brug i stedet CSS til udseende og heading tags til struktur. Undgå også tomme eller uklare overskrifter som “Læs mere” eller “Info”. Skriv præcist, så både mennesker og skærmlæsere forstår, hvad afsnittet handler om.
Forskellen på overskriftselementer og title tag
Mange forveksler sidens synlige overskrifter med title tag, men de har forskellige opgaver. Overskriftselementer som H1-H6 vises på selve siden og hjælper både brugere og søgemaskiner med at forstå indholdets struktur, emner og hierarki.
Title tag er derimod ikke en del af brødteksten på siden. Det ligger i HTML-koden og bruges typisk i browserfaner samt som titel i søgeresultater. SEO-mæssigt er title tag især vigtigt for, hvordan en side præsenteres eksternt, mens overskrifterne styrker den interne opbygning og læsbarheden.
Det er også vigtigt at skelne fra metabeskrivelsen. Den er hverken en overskrift eller et heading-element, men en kort beskrivelse, som ofte vises under titlen i søgeresultater. H1 og andre overskrifter forklarer altså indholdet på siden, mens title tag og metabeskrivelse primært påvirker, hvordan siden fremstår uden for den.
Eksempel på en god opbygning med HTML-overskrifter
En logisk overskriftsstruktur gør en side lettere at skimme, forstå og navigere i. Tænk på overskrifterne som et hierarki, hvor H1 er sidens hovedemne, H2 opdeler indholdet i centrale sektioner, og H3 bruges til underemner under den relevante sektion.
Et enkelt eksempel kan være en side om løbesko. H1: Løbesko til begyndere. Derefter kommer H2: Sådan vælger du den rette model og H2: Pleje og holdbarhed. Under afsnittet om valg af model kan du tilføje H3: Stødabsorbering og H3: Pasform. Så bliver det tydeligt, at H3-overskrifterne hører til det H2-afsnit, de står under.
Strukturen bør følge indholdets logik og ikke bruges tilfældigt for at ændre tekststørrelse. Når niveauerne er placeret rigtigt, bliver siden mere overskuelig for både læsere og søgemaskiner.
Ofte stillede spørgsmål om Heading tags (H1-H6)
Hvad er heading tags (H1-H6)?
Heading tags er HTML-elementer, der markerer overskrifter på en webside. De bruges til at opbygge indhold i niveauer fra H1 som det vigtigste til H6 som det mest underordnede.
De gør siden lettere at forstå for både besøgende, søgemaskiner og hjælpemidler som skærmlæsere, fordi de viser, hvilke emner og underemner siden består af.
Hvad er forskellen på H1, H2 og H3?
H1 er normalt sidens hovedoverskrift og beskriver det overordnede emne. H2 bruges til de vigtigste sektioner på siden, mens H3 bruges til underafsnit inde i en H2-sektion.
Forskellen handler altså ikke kun om størrelse i designet, men om hierarki og sammenhæng i indholdet.
Hvor mange H1-overskrifter må en side have?
Som hovedregel bør en side have én tydelig H1, der dækker sidens primære emne. Det giver en klar struktur og er let at forstå for både brugere og søgemaskiner.
Teknisk set kan HTML godt rumme flere H1-elementer, men i praksis er én H1 næsten altid den mest overskuelige løsning på almindelige indholdssider.
Hvordan bruger man H1-H6 korrekt til SEO?
Brug H1 til sidens hovedemne, H2 til centrale afsnit og H3-H6 til underniveauer, når indholdet kræver det. Overskrifterne skal beskrive det afsnit, de indleder, og de skal stå i en logisk rækkefølge.
Det vigtigste for SEO er ikke at presse søgeord ind, men at skabe en tydelig og semantisk struktur, som hjælper søgemaskiner med at forstå sidens emner.
Påvirker heading tags placeringer i Google?
Ja, men indirekte og som en del af helheden. Overskrifter hjælper Google med at forstå sidens struktur og emnerelevans, men de er kun ét signal blandt mange.
Godt indhold, intern linkstruktur, title tag, brugeroplevelse og sidens øvrige kvalitet har også stor betydning. Heading tags er derfor vigtige, men ikke nok alene.
Skal heading tags indeholde søgeord?
Ja, relevante søgeord kan med fordel indgå i overskrifter, hvis det sker naturligt. Det kan gøre emnet tydeligere for både læsere og søgemaskiner.
Undgå dog at skrive kunstige overskrifter kun for SEO. En overskrift skal først og fremmest være klar, præcis og dækkende for indholdet i afsnittet.
Hvad sker der, hvis man springer fra H1 til H3?
Hvis du springer et niveau over, bliver strukturen mindre logisk. En H3 signalerer normalt, at den hører under en H2, så et spring kan gøre hierarkiet uklart.
Det er ikke nødvendigvis en teknisk fejl, der ødelægger siden, men det er dårlig praksis for både tilgængelighed, læsbarhed og semantisk HTML.
Er heading tags vigtige for tilgængelighed?
Ja, overskriftsniveauer er vigtige for tilgængelighed. Skærmlæsere bruger dem til at give brugeren overblik og mulighed for at hoppe mellem sektioner på siden.
Når overskrifterne følger en logisk rækkefølge, bliver indholdet lettere at navigere i for personer, der bruger hjælpemidler eller har behov for at skimme siden hurtigt.
Hvad er forskellen på heading tags og title tag?
Heading tags som H1-H6 er de synlige overskrifter på selve siden. De bruges til at strukturere indholdet og skabe et tydeligt hierarki.
Title tag ligger i HTML-koden og vises typisk i browserfanen og i søgeresultater. Det er altså ikke det samme som sidens H1, selv om de ofte handler om det samme emne.
Må man bruge heading tags kun for designets skyld?
Nej, det bør man ikke. Heading tags skal bruges til at markere struktur og indholdsmæssig betydning, ikke kun til at gøre tekst større eller mere fremtrædende.
Hvis du vil ændre udseendet på tekst uden at gøre den til en reel overskrift, bør du bruge CSS i stedet.
Hvordan tjekker man heading tags på en side?
Du kan tjekke dem ved at inspicere sidens HTML i browserens udviklingsværktøjer. Her kan du se, om overskrifterne er markeret som h1, h2, h3 og så videre.
Du kan også bruge SEO-værktøjer eller browserudvidelser, som viser sidens overskriftsstruktur samlet. Det gør det nemt at finde flere H1’er, spring i niveauer og andre fejl.
Hvilke fejl ser man ofte i brugen af H1-H6?
De mest almindelige fejl er flere H1-overskrifter på samme side, spring i hierarkiet som H1 direkte til H3 og overskrifter, der er for uklare eller generiske.
En anden typisk fejl er at bruge heading tags som designelement i stedet for som struktur. Det giver ofte en rodet side, som er sværere at forstå for både mennesker og søgemaskiner.