När jag började blogga hade jag ingen aning om hur jag skulle strukturera mina inlägg för att rankas på sökmotorer, eller ens varför det var viktigt.
Jag lade bara till feta ord och fraser som såg bra ut och hoppades bli slumpmässigt utvalda för sökmotorernas resultatsidor (SERP).
Jag vet nu att det finns en vetenskap för bloggoptimering, och det jag lade till i mina blogginlägg för att få dem att se professionella ut kallades header/header-taggar, och de är ett viktigt verktyg för att förstå SEO.
Här är en snabbguide till rubriktaggar och vad de används till:
- H1 – Titeln på en publikation. De är vanligtvis nyckelordsfokuserade, fokuserar på den “stora idén” med en sida eller ett inlägg och är designade för att fånga läsarens uppmärksamhet.
- H2 – De är underrubriker som klassificerar huvudpunkterna i sina separata stycken och avsnitt. Överväg att använda semantiska nyckelord relaterade till den “stora idén” i din H1 samtidigt som du hjälper läsaren att enkelt hitta de avsnitt de vill läsa.
- H3 – Det här är underavsnitt som ytterligare förtydligar punkterna i H2. Alternativt kan de användas för att formatera listor eller punktpunkter.
- H4 —Detta är underavsnitt som ytterligare förtydligar punkterna i H3. Alternativt kan de användas för att formatera listor eller punktpunkter.
“H” i H1, H2, etc. officiellt betyder “header-element”, även om SEO-gemenskapen 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 (H1 är det viktigaste, H2 är det minst viktiga, och så vidare).
Nedan är ett exempel på hur denna hierarkiska struktur kan manifestera sig i en bloggkontur:
Nu när du förstår att rubriktaggar ger struktur till en sida, låt oss prata om dem mer specifikt, 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 titeln på en bok. Det finns vanligtvis 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å omslagets utsida innan du dyker in i texten inuti.
För att illustrera är rubriktaggen i exemplet nedan titeln “The Ultimate Guide to Product Marketing in 2021.”
Titeln betecknas som H1 för sidan som använder HTML-kod. Denna kod kan manifestera sig i källkoden för webbsidan så här:
Men som vi nämnde ovan finns det andra header-taggar som också hjälper till att skapa strukturen på en sida.
Hur många header-taggar stöder 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 utformas 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 ämnet du skriver om eftersom de kan hjälpa läsaren (och sökmotorerna) att hitta huvudpunkterna i innehållet och vägleda 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 titta 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 viktiga idéerna, teman och (i själva verket) mer i det innehållet. Som ett resultat viktas rubriktaggar med sökordsrelevans och läsbarhet.
Tänk på detta: Google hittar innehåll att erbjuda sina användare genom att genomsöka webbsidor. När den gör det analyserar den texten, bilderna och andra element den hittar för att förstå vad sidan handlar om.
När du lägger in text i en rubriktagg indikerar du att den här texten är viktig, och Google kommer att använda den för att bestämma kontexten på sidan, vilket sedan hjälper Google att leverera resultat som är relevanta för sökarnas frågor.
Det är därför det är viktigt när du använder rubriktaggar att se till att de matchar syftet med ett sökord. Om ett inläggs H1-tagg inte har ett nyckelord, eller om du lägger in irrelevant text i H2- och H3-taggarna, 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å rubriktaggarna i ditt inlägg, så det är bra att hålla dessa taggar fokuserade på sökord också. Till exempel kan du skapa några H2-sektioner som omger 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; Faktum är att du kan göra en enkel nyckelordssökning för att hjälpa dig eller leta efter sökordsforskningsverktyg som SEMRush eller Ahrefs. Se bara till att dina rubriktaggar är vänliga för både människor och sökmotorrobotar.
Rubriker gör också sidor lättare att läsa. Att dela upp olika delar av en webbsida håller informationen organiserad och uppdelad på ett begripligt sätt. Detta hjälper läsarna att hitta den information de letar efter, men också sökmotorerna som skannar den.
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 delades upp läsligt?
Hur man lägger till header-taggar i HTML
Att lägga till rubriktaggar i HTML är en ganska enkel process. Om du vill skriva ner en H1 måste du skriva
, placera H1-texten mellan de två taggarna. Detta är samma metod för alla typer av header-taggar.
Till exempel, om din h1 var “”, skulle den se ut så här:
Detta fungerar för HTML4 eller tidigare versioner. Om du arbetar med HTML5 kan du behöva använda en lite annan rad för att få samma resultat. Ändringen är att meddela Google vad H1 är:
Du kan också inkludera skiljetecken mellan de två taggarna. Du kan till exempel ha:
Kom ihåg att Google skannar HTML för rubriktaggar för att berätta för webbläsare vad din sida handlar om, så det är viktigt att granska dem och se om dina HTML-rubriker ä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 informationen.
Ett bra test jag gärna använder är att skicka inlägg till en nära familjemedlem som inte kan så mycket om bloggande eller marknadsföring. Att använda externa kommentarer och fråga dem om de kan förstå mitt skrivande innan jag postar 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.
