Fixa dina rubriknivåer

Förutom att separera innehåll är det viktigt att använda olika rubriknivåer, på rätt sätt. Rubrikelementen i HTML är H1, H2, H3 etc. t.o.m. H6. Används dessa på rätt sätt får du såväl sökmotorerna som användarna på din webbplats, i dubbel bemärkelse.

Fixa dina rubriknivåer

H1 - Beskrivning av innehållet, inte logotypen

Huvudrubriken (H1) är den viktigaste rubriken på den enskilda sidan och bör användas för att kortfattat beskriva sidans innehåll. Många använder istället H1-elementet i sidhuvudet som en logotyp, vilket ofta medför att alla sidor har samma information inom H1-elementet.

A heading element briefly describes the topic of the section it introduces.

Jag anser att H1 ska spegla sidans innehåll, men andra tycker att den bör användas som logotyp eller sidhuvud.

Använd bara H1 en gång per sida

För att behålla relevansen hos den viktigaste rubriken krävs också att den bara används en gång per sida. Om du har flera rubriker som är lika viktiga på en och samma sida; använd en lägre rubriknivå.

Det viktigaste innehållet först

För att skapa en god överblick bör rubriknivåerna användas i fallande ordning, med den viktigaste (H1) först. Försök också undvika att hoppa över rubriknivåer då detta kan förvirra dina användare.

Relevansoptimering

Du kan styra besökare (sökmotorer & användare) till den mest relevanta sidan inom din webbplats med länkar, men även med olika rubriknivåer.

När jag listar flera inlägg här på min blogg, länkar jag inläggsrubriken inom ett H2-element. Väl inne på inläggets egna sida (där kommentarerna visas) använder jag istället H1 för rubriken, för att ge den sidan mer relevans.

Det kan vara en god idé att även tillämpa detta tänk på underrubriker (H2, H3 etc.). Exempelvis använda H3 som underrubrik när flera blogginlägg visas, och H2 när bara ett enskilt inlägg visas.

Detta var andra delen i inläggsserien om fix för din webbplats. Missade du första inlägget om hur du fixar dina webbadresser?

Relaterat