Vad är Header Tags?
Header-taggar är HTML-taggar som används för att skilja rubriker och underrubriker från resten av innehållet på en webbsida, i fallande ordning från H1 till H6.
Oftast behöver du bara H1 till H4, var:
- H1 är den primära rubriken och titeln för sidan
- H2 är en underrubrik och en stödpunkt
- H3 är ett underavsnitt eller en listpost under en H2
- H4 är ett underavsnitt eller en listpost under en H3
Du bör också notera att en H1-tagg och en titeltagg inte är samma element i HTML. Alla header-taggar beskriver vad som visas på själva sidan, men title-taggen kommunicerar sidans titel för webbläsarfönstret och för sökmotorns resultatsida.
Så när du tittar på en viss webbsida hittar du H1 längst upp på själva sidan, medan "titeln" är synlig i webbläsarfönstret eller fliken.
Varför är Header Tags viktiga för SEO?
Header-taggar hjälper användare att navigera och bläddra på sidan. De delar upp informationen så att läsarna kan skanna den och snabbt hitta det de letar efter.
Men att använda rubriker är också bra för att göra din webbplats mer sökvänlig. Sökmotorer förlitar sig på rubriker för att bättre förstå avsnitten på en sida.
I allmänhet hjälper header-taggar till att hålla innehållet strukturerat och lätt att konsumera för både sökmotorer och läsare.
Bästa praxis för rubriktaggar
1. Överfyll inte dina rubriktaggar med nyckelord
Om du har följt bästa praxis för SEO i mer än några år är du förmodligen van vid att inkludera målnyckelord i dina H1-, H2- och H3-taggar.
Dessa rubriker brukade vara viktiga rankningsfaktorer, men nu har Googles algoritm blivit smartare. Som ett resultat har nyckelord i rubriker inte samma inverkan som de brukade ha.
Med det sagt är det fortfarande en bra idé att inkludera nyckelord i dina rubriktaggar. Nuförtiden bör du dock fokusera på att lägga till dem mer klokt och naturligt. Det sista du vill är att överfylla dina huvudtaggar till den punkt där Google läser din sida som skräppost.
På senare tid har vi sett ytterligare ett skäl till att vara försiktig med nyckelord i dina rubriktaggar: bra självförklarande underrubriker kan ge dig ett utvalt utdrag, särskilt i instruktionsguider eller listor.
2. Håll rubrikerna korta och konsekventa
En annan viktig vana när det gäller rubriker är att hålla dem korta och konsekventa när det är möjligt. Försök att begränsa dina rubriker till 3-5 ord och strukturera dem på ett konsekvent sätt så att de är lätta för läsarna att skanna.
Kom ihåg att rubriker är utformade för att bryta upp en vägg av text i snygga och prydliga avsnitt, så det är logiskt varför alltför långa rubriker och underrubriker helt enkelt inte ser bra ut på sidor.
Förutom att göra det enklare för dina läsare hjälper dessa snabba rubriker också Google att förstå innehållet på dina sidor bättre.
3. Använd Header Tags för korrekt innehållshierarki
Vet du varför huvudtaggar finns överhuvudtaget? Det ursprungliga syftet med header-taggar är att upprätthålla en korrekt innehållshierarki på en HTML-sida.
Återigen är H1 huvudrubriken, H2 är underrubriker, H3 inom H2 är underunderrubriker för det avsnittet och så vidare. Inom varje avsnitt i fallande ordning vill du börja med den viktigaste och mest relevanta informationen och fortsätta därifrån.
4. Kontrollera att designen av sidhuvudet i CSS är konsekvent
Som standard gör HTML ett bra jobb med att skapa en visuell hierarki för en webbsida.
Du kommer vanligtvis att se större teckenstorlekar och tyngre vikter för dina H1- och H2-taggar (tänk ungefär 32px respektive 24px), med mindre teckensnitt för H3- och H4-taggarna (tänk 18px respektive 16px).
Det finns ingen fast regel för detta, men vi har ibland sett webbplatsteman där H3 och H4 är större än H2.
På din webbplats kan du göra ändringar i din CSS-stilmall för att skapa en konsekvent rubrikdesign med korrekt teckensnittsformateringskod, eller lägga till väljare i ett anpassat CSS-fält som en extra stilmall.
Det finns också tillfällen då H3s kan användas där H2s ska användas. Detta är vanligt om rubrikdesignen inte är korrekt inställd. Även om det inte är ett avgörande steg kommer detta att säkerställa att du ger bästa möjliga användarupplevelse och får maximalt SEO-värde i Google.
Vanliga frågor
Kan jag använda flera H1-taggar?
Ja, det kan du. Google säger att de inte har några problem med det. Ändå är den bästa SEO-praxisen att ha en H1 per sida.
Även om det inte är till Googles fördel hjälper det att hålla sig till endast en H1-tagg per sida att hålla dina sidor konsekventa och lätta att förstå om andra användare någonsin behöver göra ändringar.
H1- och titeltaggar - kan de vara olika?
Som standard kommer H1 och titel att vara identiska när du publicerar ett nytt inlägg. Men du kan skriva olika titlar och H1:or om du vill.
Du kanske till exempel vill att titeln ska vara kortare för att se bra ut på SERP, medan H1 kan vara lite längre för besökarna på sidan - eller så kanske du väljer att inkludera årtalet i titeln medan du utelämnar det i H1.
Oavsett vilken anledning du har är det helt okej för SEO-ändamål att H1- och titeltaggen är olika.
Hur många nivåer av Header Tags finns det?
HTML stöder totalt sex rubriker: H1-H6. Det innebär att du inte kan ha en H7, H8 och så vidare.
Det är dock sällsynt att du behöver fler underavdelningar utöver H4. Om du tycker att du behöver H5 och H6 på en sida är det värt att fundera på om du klämmer in för mycket information på en enda sida.
Istället kan du skapa en separat sida för innehållet för att göra det lättare att läsa.
