Header-tagger: Hva de er og hvordan du bruker dem

Da jeg først begynte å blogge, hadde jeg ingen anelse om hvordan jeg skulle strukturere innleggene mine for å rangere for søkemotorer, eller til og med hvorfor det var viktig.

Jeg har bare kastet inn ord og setninger med fet skrift som så bra ut og håpet å bli tilfeldig valgt for søkemotorresultatsidene (SERPs).

Nå vet jeg at det er en vitenskap bloggoptimalisering, og det jeg kastet inn i blogginnleggene mine for å få dem til å se profesjonelle ut, ble kalt overskrifts-/overskrifts-tagger – og er et viktig verktøy for forståelse og SEO.

Her er en rask guide om overskriftskoder og hva de brukes til:

• H1 — Tittelen på et innlegg. De er vanligvis nøkkelordsentriske, fokusert rundt den "store ideen" til en side eller et innlegg, og laget for å fange leserens oppmerksomhet.
• H2 — Dette er underoverskrifter som klassifiserer hovedpunktene i avsnittene dine og separate avsnitt. Vurder å bruke semantiske nøkkelord relatert til den "store ideen" i H1, samtidig som du hjelper leseren med å enkelt finne delene de vil lese.
• H3 — Dette er underavsnitt som tydeliggjør punktene i H2 ytterligere. Alternativt kan de brukes i formatering av lister eller punktpunkter.
• H4 —Dette er underavsnitt som tydeliggjør punktene i H3 ytterligere. Alternativt kan de brukes i formatering av lister eller punktpunkter.

"H" i H1, H2 osv. står offisielt for "overskriftselement", selv om SEO-fellesskapet også ofte kaller disse kodene "overskriftskoder".

Som du kan gjette fra veiledningen ovenfor, indikerer tallet det hierarkiske forholdet mellom hver enkelt (med H1 som den viktigste, H2 er mindre viktig, og så videre).

Her er et eksempel på hvordan denne hierarkiske strukturen kan manifestere seg i en bloggoversikt:

Nå som du forstår at header-tagger gir struktur til en side, la oss snakke om dem med større spesifisitet, og starter med H1-taggen. 

Ikke gjør feilen ved å bruke overskriftskoder som ikke annet enn stilistiske elementer. Tross alt er de strukturelle i naturen. Tenk på H1 som en boktittel. Vanligvis er det bare én tittel for en bok, så det bør bare være én tittel for siden eller innlegget ditt. 

I tillegg skal H1-tagger alltid være øverst på siden din før resten av innholdet ditt, akkurat som boktittelen er på utsiden av omslaget før du dykker ned i teksten inni.

For å illustrere er header-taggen i eksemplet nedenfor tittelen "Den ultimate guiden til produktmarkedsføring i 2021».

Tittelen er utpekt som H1 for siden som bruker HTML-kode. Denne koden kan manifestere seg i nettsidens kildekode slik:

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

Men, som vi hentydet til tidligere, er det andre overskriftskoder som også hjelper med å lage strukturen til en side.

Hvor mange overskriftstagger støttes av HTML?

HTML støtter opptil seks overskriftskoder (H1-H6) som du kan bruke for å strukturere siden etter behov. De kan stiliseres visuelt i henhold til merkevaren din, og med unntak av H1 kan du ha så mange av disse taggene på en side du vil. 

Overskriftene dine bør holde seg til temaet for det du skriver om fordi de kan hjelpe leseren (og søkemotorene) med å finne hovedpunktene i innholdet og veilede dem gjennom flyten på siden. Når du formaterer, bruk din beste dømmekraft når du deler opp deler.

Nedenfor er et skjermbilde av et HubSpot-blogginnlegg med eksempler på overskriftskoder angitt med piler:

Som du kan se, ser hver header-tag forskjellig ut visuelt, og hver header-tag brukes til en ny idé.

Nå som du vet litt mer om hva header-tagger er, la oss komme inn på hvordan de brukes til SEO.

Header-tagger og SEO

Du tror kanskje at overskriftskoder er uvesentlige i det store oppsettet med nettstedsrelaterte ting. Imidlertid kan overskriftskoder bidra til å gi struktur til et innholdselement og påkalle oppmerksomhet til de viktigste ideene, temaene og (i praksis) nøkkelord i det innholdet. Som et resultat holder header-tagger vekt med søkeordrelevans og lesbarhet. 

Tenk på dette: Google finner innhold som kan brukes til brukerne gjennomsøke nettsider. Mens den gjør det, analyserer den teksten, bildene og andre elementer den finner til forstå hva siden handler om.

Når du legger inn tekst i en overskrifts-tag, signaliserer du at denne teksten er viktig, og Google vil bruke disse til å bestemme konteksten til siden, som deretter hjelper Google med å vise resultater som er relevante for søkernes søk.

Det er derfor det er viktig når du bruker header-tagger for å sikre at de samsvarer riktig med a søkeordets hensikt. Hvis et innleggs H1-tag ikke har et nøkkelord, eller hvis du legger inn irrelevant tekst i H2- og H3-tagger, vil Google ha vanskeligere for å forstå en side. Som et resultat vil den siden ikke rangeres så godt som den kunne. 

For å illustrere, la oss si at søkeordet ditt er "e-handel". Du vil at dette skal gjenspeiles i H1-taggen din, så en tittel som "The Guide to Starting an eCommerce Business" ville være ideell. Det vil fortelle Google nøyaktig hvordan du sender nettlesere til innlegget ditt.

Søkemotorer ser også på overskriftstagger i innlegget ditt, så det er greit å holde disse søkeordsentriske også. For eksempel kan du lage noen H2-seksjoner rundt populære langhale-søkeord relatert til e-handel, som "fem trinn for å opprette en e-handelsbedrift" eller "beste sosiale medieverktøy for e-handel."

Du trenger heller ikke tenke på nøkkelord selv – faktisk kan du gjøre noe enkelt søkeord forskning for å hjelpe deg eller se på søkeordforskningsverktøy som SEMRush or Ahrefs. Bare sørg for at header-taggene dine er vennlige for både mennesker og søkemotorrobotene.

Overskrifter gjør også sider lettere å lese. Seksjonering av ulike deler av en nettside holder informasjonen organisert og brutt opp på en forståelig måte. Dette hjelper leserne med å finne informasjon de leter etter, men også søkemotorer som skanner med.

Hvis delene dine ikke gir mening, kan det hende at siden din ikke rangeres. Tenk på delene i dette innlegget - tror du de ble brutt opp på en lesbar måte?

Hvordan legge til overskriftskoder i HTML

Å legge til overskriftskoder i HTML er en ganske enkel prosess. Hvis du vil notere en H1, skriver du inn og , og legger H1-teksten mellom disse to kodene. Dette er samme metode for alle typer header-tag.

For eksempel, hvis din h1 var "Veiledningen for å starte e-handel,"det vil se slik ut:

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

Dette vil fungere for HTML4 eller eldre. Hvis du jobber med HTML5, må du kanskje bruke en litt annen linje for å få samme resultat. Endringen er å gi Google beskjed om hva H1 er:

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

Du kan også inkludere tegnsetting mellom de to kodene. Du kan for eksempel ha:

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

Husk at Google skanner HTML-koden til overskriftskoder for å fortelle nettlesere hva siden din handler om, så det er viktig å se på dem og se om overskriftene dine i HTML er riktig formatert.

Noen bloggplattformer, som WordPress og HubSpot, har et alternativ på verktøylinjen for å lage overskriftskoder, så hver gang du vil legge til en, trenger du ikke å grave i kildekoden eller HTML for å gjøre det.

Neste gang du oppretter et innlegg for nettstedet ditt, se om det å legge til relevante overskriftskoder påvirker SEO, og hvordan leserne dine forstår informasjon.

En god test jeg liker å bruke er å sende innlegg til et nært familiemedlem som ikke kan mye om blogging eller markedsføring. Å bruke tilbakemeldinger fra utenforstående og spørre om de kan forstå det jeg skriver før jeg publiserer, hjelper meg å formatere innlegg slik at de er forståelige.

Fordi bruk av overskrifter kan hjelpe med lesbarhet for brukerne dine samt gjennomsøkbarhet for søkemotorer, er det ingen grunn til å ikke bruke dem når du lager sider og innlegg. Du kan til og med se hopp i søkemotorrangeringer, trafikk og tid på siden.

Redaktørens merknad: Dette innlegget ble opprinnelig publisert i januar 2020 og har blitt oppdatert for omfattende.

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