Hva er Header Tags?
Overskriftstagger er HTML-tagger som brukes til å skille overskrifter og underoverskrifter fra resten av innholdet på en nettside, i synkende rekkefølge fra H1 til H6.
Som oftest trenger du bare H1 til H4, hvor:
- H1 er den primære overskriften og tittelen for siden
- H2 er en underoverskrift og et støttepunkt
- H3 er et underavsnitt eller et listeelement under en H2
- H4 er et underavsnitt eller et listeelement under en H3
Vær også oppmerksom på at en H1-tag og en title-tag ikke er de samme elementene i HTML. Alle header-tagger beskriver hva som vises på selve siden, men title-taggen kommuniserer sidetittelen for nettleservinduet og for utdraget av søkeresultatsiden i søkemotoren.
Når du ser på en bestemt nettside, finner du H1 øverst på selve siden, mens "tittelen" er synlig i nettleservinduet eller -fanen.
Hvorfor er topptekster viktige for SEO?
Header-tagger hjelper brukerne med å navigere og bla gjennom siden. De deler opp informasjonen slik at leserne kan skanne den og raskt finne det de leter etter.
Overskrifter kan imidlertid også bidra til å gjøre nettstedet ditt mer søkevennlig. Søkemotorer bruker overskrifter for å få en bedre forståelse av delene på en side.
Generelt bidrar header-tagger til å holde innholdet strukturert og enkelt å bruke for både søkemotorer og lesere.
Beste praksis for topptekster
1. Ikke overfyll overskriftene med nøkkelord
Hvis du har fulgt beste praksis for SEO i mer enn noen få år, er du sannsynligvis vant til å inkludere målsøkeord i H1-, H2- og H3-taggene dine.
Disse overskriftene pleide å være viktige rangeringsfaktorer, men nå har Googles algoritme blitt smartere. Derfor har ikke søkeord i overskriftene samme innvirkning som før.
Når det er sagt, er det fortsatt en god idé å inkludere nøkkelord i overskriftene dine. I disse dager bør du imidlertid fokusere på å legge dem til mer klokt og naturlig. Det siste du ønsker er å overfylle toppteksttaggene dine til et punkt der Google leser siden din som spammy.
I det siste har vi sett en ekstra grunn til å være fornuftig med søkeordene i overskriftene: Gode, selvforklarende underoverskrifter kan gi deg et utdrag, spesielt i veiledninger eller lister.
2. Hold overskriftene korte og konsistente
En annen viktig vane med overskrifter er å holde dem korte og konsistente, når det er mulig. Prøv å begrense overskriftene til 3-5 ord, og strukturer dem konsekvent slik at de er enkle for leserne å skanne.
Husk at overskrifter er laget for å dele opp en vegg av tekst i ryddige og oversiktlige seksjoner, så det er logisk at altfor lange overskrifter og underoverskrifter rett og slett ikke ser bra ut på sidene.
I tillegg til å gjøre det enklere for leserne dine, hjelper disse hurtigoverskriftene også Google med å forstå innholdet på sidene dine bedre.
3. Bruk overskriftstagger for riktig innholdshierarki
Vet du hvorfor header-tagger i det hele tatt finnes? Det opprinnelige formålet med header-tagger er å opprettholde et riktig innholdshierarki på en HTML-side.
Igjen, H1 er hovedoverskriften, H2 er underoverskrifter, H3 innenfor H2 er underunderoverskrifter for den delen, og så videre. Innenfor hver seksjon i synkende rekkefølge bør du starte med den viktigste og mest relevante informasjonen og fortsette derfra.
4. Sjekk at overskriftens design i CSS er konsistent
Som standard gjør HTML en god jobb med å etablere et visuelt hierarki for en nettside.
Du vil vanligvis se større skriftstørrelser og tyngre vekt for H1- og H2-taggene (tenk henholdsvis ca. 32 piksler og 24 piksler), og mindre skrift for H3- og H4-taggene (tenk henholdsvis 18 piksler og 16 piksler).
Selv om det ikke finnes noen fast regel om dette, har vi noen ganger sett nettstedstemaer som gjør H3- og H4-ene større enn H2-ene.
På nettstedet ditt kan du gjøre endringer i CSS-stilarket ditt for å sette opp et konsekvent topptekstdesign med riktig skriftformateringskode, eller du kan legge til velgere i et egendefinert CSS-felt som et ekstra stilark.
Det hender også at H3-er brukes der H2-er burde vært brukt. Dette er vanlig hvis topptekstdesignet ikke er satt opp riktig. Selv om dette ikke er et avgjørende trinn, vil det sikre at du gir en best mulig brukeropplevelse og får maksimal SEO-verdi i Google.
Vanlige spørsmål
Kan jeg bruke flere H1-tagger?
Ja, det kan du. Google sier at de ikke har noe problem med det. Den beste SEO-praksisen er likevel å ha én H1 per side.
Selv om det ikke er til Googles fordel, hjelper det å holde seg til én H1-tagg per side med å holde sidene dine konsistente og enkle å forstå hvis andre brukere noen gang trenger å gjøre endringer.
H1 og tittelkoder - kan de være forskjellige?
Som standard vil H1 og tittel være identiske når du publiserer et nytt innlegg. Men du kan skrive forskjellige titler og H1-er hvis du ønsker det.
Det kan for eksempel være at du vil ha en kortere tittel for å se bra ut på SERP, mens H1 kan være litt lengre for de besøkende på siden - eller du kan velge å inkludere årstallet i tittelen, mens du utelater det i H1.
Uansett hvilken grunn du har, er det helt greit for SEO-formål at H1- og tittelkoden er forskjellige.
Hvor mange nivåer av header-tagger finnes det?
HTML støtter totalt seks overskrifter: H1-H6. Dette betyr at du ikke kan ha en H7, H8 og så videre.
Det er imidlertid sjelden at du trenger flere underavsnitt utover H4. Hvis du har behov for H5 og H6 på en side, er det verdt å vurdere om du stapper for mye informasjon inn på én enkelt side.
I stedet kan du opprette en egen side for innholdet for å gjøre det lettere å lese.
