Exempel - Artikel om golfbanor (h1)
Detta är Artikelns ingress. Det blir ett vanligt textelement med större storlek i datorspråk.
Rubriker i HTML fungerar som en hierarki – en tydlig struktur som hjälper både besökaren och sökmotorer att förstå vad sidan handlar om och hur innehållet är organiserat.
H1 är sidans huvudrubrik. Den berättar för besökaren (och Google) vad hela sidan handlar om. Det får bara finnas en H1 per sida.
Göteborgs Golfklubb, Hovås (h2)
I Hovås hittar du Sveriges äldsta golfklubb...
Fotograf: Linnea Gustavsson
Du kan ha hur många H2 som helst – en per avsnitt. H2 delar upp sidan i logiska sektioner. I detta fallet golfbanor
Läckö Golfklubb, Lidköping (h2)
H3 är underrubriker inom ett avsnitt. De bryter ner H2-innehållet i mindre delar. Se exemplet nedan:
Fotograf: Jacob Sjöman
Boende i närheten (h3)
Best Western Plus Edward Hotel...
Restauranger (h3)
Victoriahuset vid Läckö Slott...
Vill du bryta ner det ytterligare kan du fortsätta hierarkin. Ex:
Lunch (h4)
Varje dag serveras en trerätters lunch med lokala råvaror.
Middag (h4)
På kvällen erbjuds à la carte med utsikt över Vänern.
✅ Tillåtet
- En H1 per sida
- Flera H2 och H3 efter behov
- H3 inuti ett H2-avsnitt
❌ Inte tillåtet
- Två H1 på samma sida – förvirrar sökmotorer
- Hoppa över nivåer – gå inte från H1 direkt till H3 utan en H2 emellan
- Använda rubriker för att styra textstorlek – det är CSS:ens jobb, inte rubrikernas
- Tom rubrik – en
<h2>utan text är meningslös för både användare och Google
Tumregeln: Tänk på rubrikerna som en innehållsförteckning. Om du skriver ut bara rubrikerna ska sidan fortfarande vara begriplig.
Detta gäller inte bara artikelsidor, utan alla typer av sidor på en hemsida.