Fixa dina rubriknivåer
torsdag den 5 februari 2009 sju kommentarerFö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.
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 thesection it introduces.
Jag anser att H1 ska spegla sidans innehåll men tycker du att den bör användas som logotyp eller sidhuvud ska du ge ditt stöd här.
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 rubruknivå.
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?
Jag hoppas du gillade inlägget!
Du kan prenumerera på alla inlägg via RSS, e-post eller genom att följa mig på Bloggy.
Kommentarer
Stefan sa..
fredag den 6 februari 2009En bra sammanfattning av header-taggarna och du får därför en push från mig.
Själv så använde jag H1 på sajtens titel ett bra tag och ren vana och det är inte förrän någon månad sedan jag gick över till att använda H1 på den specifika sidans titel.
Ett "misstag" som väldigt många gör är att använda sig av h2 och h3 till rubrikerna ute i sidpanelen. Vill du ranka bra på ett specifikt sökord så bör du inte sätta h2 på 'meny', 'kommentarer' och 'reklam'.
söddiz sa..
fredag den 6 februari 2009push från de södd!
keep up the good work
1 apa sa..
lördag den 7 februari 2009Nice guide. Detta ska jag tillämpa!
Lars Karlsson sa..
fredag den 27 februari 2009Det här ämnet är en evig stötesten, i alla fall i min organisation. Det vi funderar på just nu är, vad skall vi göra med alla sidors H1or? Idag är de huvudrubrik på själva sidan, men hur skall vi göra i nästa version av webben som vi jobbar med (lansering i höst hoppas vi).
Skall vi "slösa" en H1 på organisationsnamnet som är samma på alla sidor (främst för tydligheten i mobiler) eller skall vi bara sätta STRONG på den rubriken? Det första skulle förvirra våra över 2000 webbredaktörer som kan välja mellan alla tre nivåer.
Please advise.
Erik Pettersson sa..
fredag den 27 februari 2009@Lars: Jag tycker du är inne på helt rätt spår. Organisationsnamet/Logotypen bör placeras inom STRONG eller en lägre rubriknivå (H3-H6), med undantag för startsidan/förstasidan.
Lars Karlsson sa..
fredag den 27 februari 2009Du skriver att:
"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."
Jag tycker spontant att i såfall är strong-elementet bättre.
peter sa..
fredag den 30 oktober 2009Nyttig läsning,
Men vilket verktyg skall man använda på blogger om man inte orkar eller vet att hitta bland hieroglyferna...
mvh/Peter
