VAD BETYDER

Vad är rubrikhierarki (H1, H2, H3)?

Rubrikhierarki är den logiska struktur som sidans rubriker skapar.

Av Camilla Wellton · I Love My Website, Stockholm

Rubrikhierarki är den logiska struktur som sidans rubriker skapar.

H1 är normalt sidans huvudrubrik. H2 delar upp större avsnitt, H3 ligger under dem och så vidare.

På vanlig svenska

Det här hör till hemsidans teknik eller användarupplevelse. Du behöver inte kunna koda det. Det viktiga är att förstå vad som förändras för besökaren, redaktören eller den som sköter sidan: tydlighet, hastighet, tillgänglighet, stabilitet eller hur lätt hemsidan går att ändra senare.

Ett verkligt exempel

En sida om bröllopsfoto kan ha H2-rubriker för paket, processen och frågor, med H3 för enskilda paket.

Det viktiga är inte om tekniken låter avancerad, utan om resultatet märks som en tydligare, snabbare, tryggare eller lättare hemsida.

Varför det spelar roll

Bra struktur gör långa sidor lättare att skanna och hjälper hjälpmedel att förstå sidan.

Tekniska val blir till slut mänskliga konsekvenser. En inställning som låter obskyr kan avgöra om sidan laddar, om någon med skärmläsare kan använda den eller om en framtida redesign blir enkel eller plågsam. Det är på den nivån begreppet blir användbart.

När behöver du faktiskt bry dig?

Du behöver bry dig när hemsidan är långsam, svår att använda, jobbig att redigera, otillgänglig, instabil, dyr att underhålla eller börjar bli beroende av ett skört tekniskt val. Du behöver också bry dig före flyttar, redesigns och nya integrationer, eftersom små tekniska beslut kan bli stora begränsningar senare.

Bra frågor att ställa

  • Vad märker en besökare eller redaktör om det här görs bra?
  • Vem ansvarar för underhållet efter lansering?
  • Vad händer om tekniken slutar fungera eller måste bytas ut?

Vad gör du med det här?

Fråga vad som förändras för besökaren, vem som ansvarar för underhållet och vad som händer om det slutar fungera. Om ingen kan svara på de tre frågorna är lösningen troligen mer komplicerad än den behöver vara.

Vad det inte betyder

Rubriker är inte främst ett sätt att göra text visuellt större.

Kortversionen

Använd rubriker för att beskriva informationens struktur.

Relaterat: tillgänglighet och on-page SEO.

Läs mer hos W3C om rubriker.

Fler ord, enkelt förklarade

Osäker på vilken tråd att börja dra i?

Inga problem! Jag vill underlätta Allt som har med din hemsida att göra, så har skapat en quiz som tar dig ca 2-3 min att göra. Väl klar så har du koll på vart du är i förhållande till vad din hemsida behöver för att du ska kunna bli kär i den.