Så använder du rubriker (H1–H6) i WordPress

Vi får ofta frågor om hur rubriker ska användas i WordPress. Därför kommer här nu en guide hur du ska tänka kring rubrikerna H1–H6, så att dina sidor blir tydliga, lätta att läsa och tillgängliga för alla.

Du behöver inte kunna kod. Det viktiga är hur du väljer rubriknivå när du skriver och redigerar innehåll.

Varför är rubriker så viktiga?

Rubriker gör tre saker:

1. Berättar vad sidan handlar om – användaren ska kunna ”skumma” sidan.
2. Hjälper hjälpmedel – till exempel skärmläsare, som kan hoppa mellan rubriker.
3. Visar strukturen – rubriknivåerna (H1–H6) visar vad som är viktigast och vad som är underdelar.

Digg (Myndigheten för digital förvaltning) betonar att rubriker ska vara tydliga och beskrivande, så att alla snabbt förstår innehållet.
Läs mer hos Digg:

Skriv beskrivande rubriker och ledtexter (Digg)

H1 – sidans huvudrubrik (används en gång)

H1 är sidans viktigaste rubrik.

Så här ska du tänka:

• H1 används endast en gång per sida.
• H1 berättar övergripande vad hela sidan handlar om.
• I WordPress är H1 ofta samma som sidans titel (det du fyller i i fältet ”Titel”).

Tänk så här: Om du bara fick skriva en enda rubrik på hela sidan – vilken skulle det vara? Den rubriken är din H1.

H2 – rubriker för större avsnitt

Under H1 delar du upp innehållet med H2-rubriker.

Exempel:

• H1: ”Så använder du rubriker i WordPress”
  • H2: ”Varför är rubriker så viktiga?”
  • H2: ”H1 – sidans huvudrubrik”
  • H2: ”H2 – rubriker för större avsnitt”

Använd H2 när du:

• börjar ett nytt huvudavsnitt,
• byter ämne i texten,
• vill göra sidan lättare att skumma.

H3–H6 – underrubriker vid behov

Om ett avsnitt under en H2-rubrik blir långt och du behöver dela upp det ännu mer, kan du använda H3.

Exempel:

• H2: ”H2 – rubriker för större avsnitt”
  • H3: ”När ska jag använda H2?”
  • H3: ”Vanliga misstag med H2”

Generellt räcker H1–H3 på de flesta sidor. H4–H6 används sällan och bara om du har väldigt komplexa texter.

Så här gör du i WordPress

När du skriver eller redigerar en sida eller ett inlägg:

1. Skriv en ”Lägg till rubrik”, det blir sidans H1.
2. I innehållsfältet:
   • Använd ”Stycke” för vanlig brödtext.
   • Välj ”Rubrik” och sedan ”H2” för dina större avsnitt.
   • Välj ”H3” om du behöver en underrubrik under en H2.

Gör så här:

• En H1 per sida.
• H2 för avsnitt.
• H3 för underavsnitt (vid behov).
• Håll dig till korta, tydliga och beskrivande rubriker.

Undvik:

• Att hoppa direkt från H1 till H3 utan H2.
• Att använda rubriker bara för att texten ”ska bli större”.
• Att ha flera olika H1 på samma sida.

Rubriker, sidtitlar och tillgänglighet

Förutom rubriker inne på sidan finns också sidtiteln – det du ser i webbläsarfliken och i sökresultat. Även sidtiteln ska vara tydlig och beskriva sidans innehåll.

Läs mer hos Digg: Skriv beskrivande sidtitlar (Digg)

För att sidan ska vara tillgänglig är det också viktigt att strukturen finns i koden, inte bara i hur texten ser ut. När du väljer rätt rubriknivå (H1, H2, H3 …) hjälper du koden att förstå hur innehållet hänger ihop.

Mer om det hos Digg: Förmedla information, struktur och relationer i koden (Digg)

Checklista innan du publicerar

Gå igenom detta innan du klickar på ”Publicera”:

• Finns det bara en H1 på sidan?
• Är H1 och sidtiteln tydliga och beskrivande?
• Är texten uppdelad i tydliga avsnitt med H2?
• Har jag bara använt H3 (och H4-H6) när det verkligen behövs?
• Går det att förstå sidans innehåll bara genom att läsa rubrikerna?

Om du kan bocka av alla punkter har du gjort ett bra jobb med rubrikerna.

Vanliga frågor och svar