Header Tags: Vad de är och hur man använder dem

När jag först började blogga hade jag ingen aning om hur jag skulle strukturera mina inlägg för att rankas för sökmotorer, eller ens varför det var viktigt.

Jag slängde bara in fetstilta ord och fraser som såg bra ut och hoppades bli slumpmässigt utvalda för sökmotorernas resultatsidor (SERP).

Nu vet jag att det finns en vetenskap bloggoptimering, och det jag kastade in i mina blogginlägg för att få dem att se professionella ut kallades rubrik-/rubriktaggar – och är ett viktigt verktyg för förståelse och SEO.

Här är en snabbguide om rubriktaggar och vad de används till:

• H1 — Titeln på ett inlägg. De är vanligtvis nyckelordscentrerade, fokuserade kring den "stora idén" med en sida eller ett inlägg, och utformade för att fånga en läsares uppmärksamhet.
• H2 — Det här är underrubriker som klassificerar huvudpunkterna i dina stycken och separata avsnitt. Överväg att använda semantiska nyckelord relaterade till den "stora idén" i ditt H1 samtidigt som det hjälper läsaren att enkelt hitta de avsnitt de vill läsa.
• H3 — Det här är underavsnitt som förtydligar punkterna i H2 ytterligare. Alternativt kan de användas för att formatera listor eller punktpunkter.
• H4 —Detta är underavsnitt som förtydligar punkterna i H3 ytterligare. Alternativt kan de användas för att formatera listor eller punktpunkter.

"H" i H1, H2, etc. står officiellt för "rubrikelement", även om SEO-communityt också ofta kallar dessa taggar för "header-taggar".

Som du kan gissa från guiden ovan indikerar siffran det hierarkiska förhållandet mellan var och en (med H1 som det viktigaste, H2 är mindre viktigt, och så vidare).

Här är ett exempel på hur den här hierarkiska strukturen kan visa sig i en bloggkontur:

Nu när du förstår att rubriktaggar ger struktur till en sida, låt oss prata om dem med större specificitet, med början med H1-taggen. 

Gör inte misstaget att använda header-taggar som inget annat än stilistiska element. De är trots allt strukturella till sin natur. Tänk på H1 som en boktitel. Vanligtvis finns det bara en titel för en bok, så det bör bara finnas en titel för din sida eller ditt inlägg. 

Dessutom bör H1-taggar alltid finnas överst på din sida före resten av ditt innehåll, precis som boktiteln finns på utsidan av omslaget innan du dyker in i texten inuti.

För att illustrera är rubriktaggen i exemplet nedan titeln "Den ultimata guiden för produktmarknadsföring 2021. "

Titeln anges som H1 för sidan som använder HTML-kod. Den här koden kan visa sig i webbsidans källkod så här:

Se pennan H1 Exempel 1 av Christina Perricone (@hubspot) På CodePen.

Men, som vi antydde tidigare, finns det andra rubriktaggar som också hjälper till att skapa strukturen på en sida.

Hur många header-taggar stöds av HTML?

HTML stöder upp till sex rubriktaggar (H1-H6) som du kan använda för att strukturera din sida efter behov. De kan stiliseras visuellt efter ditt varumärke, och med undantag för H1 kan du ha så många av dessa taggar på en sida som du vill. 

Dina rubriker bör hålla sig till temat för det du skriver om eftersom de kan hjälpa läsaren (och sökmotorerna) att hitta huvudpunkterna i innehållet och guida dem genom flödet på sidan. När du formaterar, använd ditt bästa omdöme när du delar upp avsnitt.

Nedan är en skärmdump av ett HubSpot-blogginlägg med exempel på rubriktaggar indikerade med pilar:

Som du kan se ser varje header-tagg annorlunda ut visuellt, och varje header-tagg används för en ny idé.

Nu när du vet lite mer om vad rubriktaggar är, låt oss gå in på hur de används för SEO.

Header-taggar och SEO

Du kanske tror att rubriktaggar är oviktiga i det stora systemet med webbplatsrelaterade saker. Emellertid kan rubriktaggar hjälpa till att ge struktur åt ett innehåll och uppmärksamma de viktigaste idéerna, teman och (i praktiken) nyckelord i det innehållet. Som ett resultat håller rubriktaggar vikt med sökordsrelevans och läsbarhet. 

Tänk på detta: Google hittar innehåll att visa sina användare genom genomsökande webbsidor. När den gör det analyserar den texten, bilderna och andra element som den hittar till förstå vad sidan handlar om.

När du lägger in text i en rubriktagg, signalerar du att den här texten är viktig, och Google kommer att använda dessa för att bestämma kontexten på sidan, vilket sedan hjälper Google att visa resultat som är relevanta för sökarnas frågor.

Det är därför det är viktigt när du använder rubriktaggar för att se till att de matchar a nyckelordets avsikt. Om ett inläggs H1-tagg inte har ett nyckelord, eller om du lägger in irrelevant text i H2 och H3-taggar, kommer Google att ha svårare att förstå en sida. Som ett resultat kommer den sidan inte att rankas så bra som den skulle kunna. 

För att illustrera, låt oss säga att ditt sökord är "e-handel". Du vill att detta ska återspeglas i din H1-tagg, så en titel som "Guiden till att starta ett e-handelsföretag" skulle vara idealiskt. Det skulle berätta för Google exakt hur man skickar webbläsare till ditt inlägg.

Sökmotorer tittar också på rubriktaggar i ditt inlägg, så det är bra att hålla dessa nyckelordscentrerade också. Till exempel kan du skapa några H2-sektioner kring populära long-tail-sökord relaterade till e-handel, som "fem steg för att skapa ett e-handelsföretag" eller "bästa sociala medieverktyg för e-handel."

Du behöver inte tänka på sökord själv heller – du kan faktiskt göra en del enkelt sökord forskning för att hjälpa dig eller titta på sökordsforskningsverktyg som SEMRush or Ahrefs. Se bara till att dina rubriktaggar är vänliga för både människor och sökmotorrobotarna.

Rubriker gör också sidor lättare att läsa. Att sektionera olika delar av en webbsida håller informationen organiserad och uppdelad på ett begripligt sätt. Detta hjälper läsare att hitta information de letar efter, men också sökmotorer som söker igenom.

Om dina avsnitt inte är meningsfulla kanske din sida inte rankas. Tänk på avsnitten i det här inlägget — tror du att de bröts upp på ett läsbart sätt?

Hur man lägger till header-taggar i HTML

Att lägga till rubriktaggar i HTML är en ganska enkel process. Om du vill notera en H1, skulle du skriva in och , placera H1-texten mellan dessa två taggar. Detta är samma metod för alla typer av header-taggar.

Till exempel, om din h1 var "Guiden för att starta e-handel,"det skulle se ut så här:

Se pennan H1 Exempel 2 av Christina Perricone (@hubspot) På CodePen.

Detta fungerar för HTML4 eller äldre. Om du arbetar med HTML5 kan du behöva använda en lite annan rad för att få samma resultat. Förändringen är att ge Google en upplysning om vad H1 är:

Se pennan H1 Exempel 3 av Christina Perricone (@hubspot) På CodePen.

Du kan också inkludera skiljetecken mellan de två taggarna. Du kan till exempel ha:

Se pennan H3 Exempel 1 av Christina Perricone (@hubspot) På CodePen.

Kom ihåg att Google skannar HTML-koden för rubriktaggar för att berätta för webbläsare vad din sida handlar om, så det är viktigt att titta på dem och se om dina rubriker i HTML är korrekt formaterade.

Vissa bloggplattformar, som WordPress och HubSpot, har ett alternativ i verktygsfältet för att skapa rubriktaggar, så varje gång du vill lägga till en, behöver du inte gräva i källkoden eller HTML för att göra det.

Nästa gång du skapar ett inlägg för din webbplats, se om att lägga till relevanta rubriktaggar påverkar SEO och hur dina läsare förstår information.

Ett bra test jag gärna använder är att skicka inlägg till en nära familjemedlem som inte kan så mycket om bloggning eller marknadsföring. Att använda feedback från utomstående och fråga om de kan förstå mitt skrivande innan jag publicerar hjälper mig att formatera inlägg så att de är begripliga.

Eftersom att använda rubriker kan hjälpa till med läsbarheten för dina användare såväl som genomsökningsbarheten för sökmotorer, finns det ingen anledning att inte använda dem när du skapar sidor och inlägg. Du kan till och med se hopp i sökmotorernas ranking, trafik och tid på sidan.

Redaktörens anmärkning: Det här inlägget publicerades ursprungligen i januari 2020 och har uppdaterats för att vara fullständigt.

Källa: https://blog.hubspot.com/marketing/header-tags