Header-tags: Hvad de er, og hvordan man bruger dem

Da jeg først begyndte at blogge, havde jeg ingen idé om, hvordan jeg skulle strukturere mine indlæg for at rangere for søgemaskiner, eller endda hvorfor det var vigtigt.

Jeg smed bare ord og sætninger med fed skrift, der så godt ud, og håbede på at blive tilfældigt udvalgt til søgemaskinens resultatsider (SERP'er).

Nu ved jeg, at der er en videnskab til blogoptimering, og det, jeg smed i mine blogindlæg for at få dem til at se professionelle ud, blev kaldt overskrifts-/overskrifts-tags - og er et vigtigt værktøj til forståelse , SEO.

Her er en hurtig guide til header-tags og hvad de bruges til:

• H1 — Titlen på et indlæg. De er normalt søgeordscentrerede, fokuseret omkring den "store idé" med en side eller et indlæg og udformet til at fange en læsers opmærksomhed.
• H2 — Disse er underoverskrifter, der klassificerer hovedpunkterne i dine afsnit og separate afsnit. Overvej at bruge semantiske søgeord relateret til den "store idé" i din H1, mens du også hjælper læseren med nemt at finde de afsnit, de vil læse.
• H3 — Det er underafsnit, der præciserer punkterne i H2 yderligere. Alternativt kan de bruges i formatering af lister eller punktopstillinger.
• H4 —Dette er underafsnit, der præciserer punkterne i H3 yderligere. Alternativt kan de bruges i formatering af lister eller punktopstillinger.

"H"et i H1, H2 osv. står officielt for "overskriftselement", selvom SEO-fællesskabet også almindeligvis kalder disse tags for "header-tags".

Som du kan gætte fra guiden ovenfor, angiver tallet det hierarkiske forhold mellem hver enkelt (hvor H1 er den vigtigste, H2 er mindre vigtig, og så videre).

Her er et eksempel på, hvordan denne hierarkiske struktur kan komme til udtryk i en blogoversigt:

Nu hvor du forstår, at header-tags giver struktur til en side, lad os tale om dem med større specificitet, begyndende med H1-tagget. 

Begå ikke den fejl at bruge header-tags som intet andet end stilistiske elementer. De er trods alt strukturelle i naturen. Tænk på H1, som du ville gøre en bogtitel. Normalt er der kun én titel til en bog, så der bør kun være én titel til din side eller dit indlæg. 

Derudover skal H1 tags altid være øverst på din side før resten af ​​dit indhold, ligesom bogtitlen står på ydersiden, inden du dykker ned i teksten indeni.

For at illustrere er header-tagget i eksemplet nedenfor titlen, "Den ultimative guide til produktmarkedsføring i 2021".

Titlen er udpeget som H1 for siden ved hjælp af HTML-kode. Denne kode kan manifestere sig i websidens kildekode som sådan:

Se pennen H1 Eksempel 1 af Christina Perricone (@hubspot) På CodePen.

Men som vi nævnte tidligere, er der andre overskriftstags, der også hjælper med at skabe strukturen på en side.

Hvor mange header-tags understøttes af HTML?

HTML understøtter op til seks header-tags (H1-H6), som du kan bruge til at strukturere din side efter behov. De kan stiliseres visuelt efter dit brand, og med undtagelse af H1 kan du have lige så mange af disse tags på en side, som du vil. 

Dine overskrifter bør holde sig til temaet for det, du skriver om, fordi de kan hjælpe læseren (og søgemaskinerne) med at finde hovedpunkterne i indholdet og guide dem gennem strømmen på siden. Når du formaterer, skal du bruge din bedste dømmekraft, når du deler sektioner op.

Nedenfor er et skærmbillede af et HubSpot blogindlæg med eksempler på header tags angivet med pile:

Som du kan se, ser hvert header-tag anderledes ud visuelt, og hvert header-tag bruges til en ny idé.

Nu hvor du ved lidt mere om, hvad header-tags er, lad os komme ind på, hvordan de bruges til SEO.

Header-tags og SEO

Du tror måske, at header-tags er uvæsentlige i det store system af webstedsrelaterede ting. Men header-tags kan hjælpe med at give struktur til et stykke indhold og henlede opmærksomheden på de vigtigste ideer, temaer og (i realiteten) søgeord i det indhold. Som et resultat holder header-tags vægt med søgeordsrelevans og læsbarhed. 

Overvej dette: Google finder indhold, der kan betjenes af sine brugere gennemgang af websider. Mens den gør det, analyserer den teksten, billederne og andre elementer, den finder til forstå, hvad den side handler om.

Når du sætter tekst i et header-tag, signalerer du, at denne tekst er vigtig, og Google vil bruge disse til at bestemme konteksten på siden, hvilket så hjælper Google med at vise resultater, der er relevante for søgeres forespørgsler.

Derfor er det vigtigt, når du bruger header-tags, at sikre dig, at de matcher korrekt en søgeords hensigt. Hvis et indlægs H1 tag ikke har et søgeord, eller hvis du sætter irrelevant tekst i H2 og H3 tags, vil Google have sværere ved at forstå en side. Som et resultat vil den side ikke rangere så godt, som den kunne. 

For at illustrere det, lad os sige, at dit søgeord er "eCommerce". Du vil gerne have, at dette afspejles i dit H1-tag, så en titel som "The Guide to Starting an eCommerce Business" ville være ideel. Det ville fortælle Google præcis, hvordan man sender webbrowsere til dit indlæg.

Søgemaskiner ser også på header-tags i dit indlæg, så det er også godt at holde disse nøgleordscentrerede. For eksempel kan du oprette nogle H2-sektioner omkring populære long-tail søgeord relateret til e-handel, som "fem trin til at oprette en e-handelsvirksomhed" eller "bedste sociale medieværktøjer til e-handel."

Du behøver heller ikke selv at tænke på søgeord - faktisk kan du gøre noget nemt søgeord forskning for at hjælpe dig eller se på søgeordsforskningsværktøjer som SEMRush or Ahrefs. Bare sørg for, at dine header-tags er venlige over for både mennesker og søgemaskinerobotterne.

Overskrifter gør også sider nemmere at læse. Sektionering af forskellige dele af en webside holder information organiseret og opdelt på en forståelig måde. Dette hjælper læserne med at finde information, de leder efter, men også søgemaskiner, der scanner med.

Hvis dine sektioner ikke giver mening, rangerer din side muligvis ikke. Tænk på afsnittene i dette indlæg - tror du, de blev brudt op på en læsbar måde?

Sådan tilføjes header-tags i HTML

Tilføjelse af header-tags i HTML er en ret simpel proces. Hvis du vil notere en H1, skal du indtaste og , ved at sætte H1-teksten mellem disse to tags. Dette er den samme metode for enhver type header-tag.

For eksempel, hvis din h1 var "Guiden til at starte e-handel,"det ville se sådan ud:

Se pennen H1 Eksempel 2 af Christina Perricone (@hubspot) På CodePen.

Dette vil fungere for HTML4 eller ældre. Hvis du arbejder med HTML5, skal du muligvis bruge en lidt anden linje for at få det samme resultat. Ændringen er at give Google besked om, hvad H1 er:

Se pennen H1 Eksempel 3 af Christina Perricone (@hubspot) På CodePen.

Du kan også inkludere tegnsætning mellem de to tags. For eksempel kan du have:

Se pennen H3 Eksempel 1 af Christina Perricone (@hubspot) På CodePen.

Husk, at Google scanner HTML-koden for header-tags for at fortælle webbrowsere, hvad din side handler om, så det er vigtigt at se dem igennem og se, om dine headers i HTML er formateret korrekt.

Nogle blogplatforme, som WordPress og HubSpot, har en mulighed på værktøjslinjen for at oprette header-tags, så hver gang du vil tilføje et, behøver du ikke at grave i kildekoden eller HTML for at gøre det.

Næste gang du opretter et indlæg til dit websted, skal du se, om tilføjelse af relevante header-tags påvirker SEO, og hvordan dine læsere forstår information.

En god test, jeg godt kan lide at bruge, er at sende indlæg til et nært familiemedlem, som ikke ved meget om blogging eller markedsføring. At bruge feedback fra udefrakommende og spørge, om de kan forstå mit forfatterskab, før jeg udgiver, hjælper mig med at formatere indlæg, så de er forståelige.

Fordi brug af overskrifter kan hjælpe med læsbarheden for dine brugere samt crawlbarhed for søgemaskiner, er der ingen grund til ikke at bruge dem, når du opretter sider og indlæg. Du kan endda se hop i søgemaskinernes placeringer, trafik og tid på siden.

Redaktørens note: Dette indlæg blev oprindeligt udgivet i januar 2020 og er blevet opdateret for at være fyldestgørende.

Kilde: https://blog.hubspot.com/marketing/header-tags