Hvad er Header Tags?
Header-tags er HTML-tags, der bruges til at adskille overskrifter og underoverskrifter fra resten af indholdet på en webside, i faldende rækkefølge fra H1 til H6.
Oftest har du kun brug for H1 til H4, hvor:
- H1 er den primære overskrift og titel for siden
- H2 er en underoverskrift og et støttepunkt
- H3 er et underafsnit eller et listepunkt under en H2
- H4 er et underafsnit eller et listepunkt under en H3
Du skal også være opmærksom på, at et H1-tag og et title-tag ikke er de samme elementer i HTML. Alle header-tags beskriver, hvad der vises på selve siden, men title-tagget kommunikerer sidens titel til browservinduet og til uddraget af søgemaskinens resultatside.
Så når du ser en bestemt webside, finder du H1 nær toppen af selve siden, mens "titlen" er synlig i browservinduet eller -fanen.
Hvorfor er header-tags vigtige for SEO?
Header-tags hjælper brugerne med at navigere og gennemse siden. De deler informationen op, så læserne kan scanne den og hurtigt finde det, de leder efter.
Men det er også nyttigt at bruge overskrifter til at gøre din hjemmeside mere søgevenlig. Søgemaskiner er afhængige af overskrifter for bedre at kunne forstå sektionerne på en side.
Generelt hjælper header-tags med at holde indholdet struktureret og nemt at bruge for både søgemaskiner og læsere.
Bedste praksis for header-tags
1. Overfyld ikke dine header-tags med søgeord
Hvis du har fulgt bedste praksis for SEO i mere end et par år, er du sikkert vant til at inkludere målsøgeord i dine H1-, H2- og H3-tags.
Disse overskrifter plejede at være vigtige rankingfaktorer, men nu er Googles algoritme blevet smartere. Det betyder, at søgeord i overskrifter ikke har samme betydning som tidligere.
Når det er sagt, er det stadig en god idé at inkludere søgeord i dine header-tags. Nu om dage bør du dog fokusere på at tilføje dem mere fornuftigt og naturligt. Det sidste, du ønsker, er at overfylde dine header-tags til et punkt, hvor Google læser din side som spammy.
På det seneste har vi set en yderligere grund til at være forsigtig med søgeord i dine header-tags: Gode, selvforklarende underoverskrifter kan give dig en featured snippet, især i vejledninger eller artikler.
2. Hold overskrifterne korte og konsekvente
En anden vigtig vane med overskrifter er at holde dem korte og konsekvente, når det er muligt. Prøv at begrænse dine overskrifter til 3-5 ords længde, og strukturér dem konsekvent, så de er lette for læserne at scanne.
Husk, at overskrifter er designet til at bryde en mur af tekst op i pæne og ordentlige afsnit, så det giver mening, hvorfor alt for lange overskrifter og underoverskrifter simpelthen ikke ser godt ud på siderne.
Ud over at gøre det lettere for dine læsere hjælper disse hurtige overskrifter også Google med at forstå indholdet på dine sider bedre.
3. Brug Header Tags til korrekt indholdshierarki
Ved du, hvorfor header-tags overhovedet findes? Det oprindelige formål med header-tags er at opretholde et korrekt indholdshierarki på en HTML-side.
Igen er H1 hovedoverskriften, H2 er underoverskrifter, H3 inden for H2 er underunderoverskrifter for det pågældende afsnit og så videre. Inden for hvert afsnit i faldende rækkefølge skal du starte med de vigtigste og mest relevante oplysninger og fortsætte derfra.
4. Tjek, at headerens design i CSS er konsistent
Som standard gør HTML et godt stykke arbejde med at etablere et visuelt hierarki på en webside.
Du vil typisk se større skriftstørrelser og tungere vægte for dine H1- og H2-tags (tænk på henholdsvis ca. 32 px og 24 px), med mindre skrifttyper for H3- og H4-tags (tænk på henholdsvis 18 px og 16 px).
Der er ingen faste regler for dette, men vi har nogle gange set websitetemaer, hvor H3 og H4 er større end H2.
På dit website kan du foretage ændringer i dit CSS-stilark for at skabe et ensartet headerdesign med korrekt skrifttypeformateringskode eller tilføje selektorer til et brugerdefineret CSS-felt som et ekstra stilark.
Der er også tidspunkter, hvor H3'er kan blive brugt, hvor H2'er burde være brugt. Det er almindeligt, hvis headerdesignet ikke er sat ordentligt op. Selvom det ikke er et afgørende skridt, vil det sikre, at du giver den bedst mulige brugeroplevelse og får den maksimale SEO-værdi i Google.
Ofte stillede spørgsmål
Kan jeg bruge flere H1-tags?
Ja, det kan du godt. Google siger, at de ikke har noget problem med det. Alligevel er den bedste SEO-praksis at have én H1 pr. side.
Selv om det ikke er til gavn for Google, hjælper det at holde sig til kun ét H1-tag pr. side med at holde dine sider konsekvente og lette at forstå, hvis andre brugere nogensinde får brug for at foretage ændringer.
H1 og Title Tags - kan de være forskellige?
Som standard vil H1 og titel være identiske, når du udgiver et nyt indlæg. Men du kan skrive forskellige titler og H1'er, hvis du ønsker det.
For eksempel vil du måske have en kortere titel for at se godt ud på SERP, mens H1 kan være lidt længere for dine besøgende - eller du kan vælge at inkludere årstallet i din titel, mens du udelader det i din H1.
Uanset hvilken grund du har, er det helt fint af hensyn til SEO, at H1 og title-tagget er forskellige.
Hvor mange niveauer af header-tags er der?
HTML understøtter seks overskrifter i alt: H1-H6. Det betyder, at du ikke kan have en H7, H8 og så videre.
Det er dog sjældent, at du har brug for flere underafsnit end H4. Hvis du har brug for H5'ere og H6'ere på en side, er det værd at overveje, om du propper for meget information ind på en enkelt side.
I stedet kan du oprette en separat side til indholdet for at gøre det lettere at læse.
