SEO-rubriker: bästa praxis för H1 och hierarki

Vad du får från den här guiden

Denna artikel förklarar hur du använder rubriker (H1, H2, H3) för tydlig innehållsstruktur, hur du verifierar att både människor och sökmotorer ser samma sak, och vilka vanliga misstag du bör undvika. Målet är handgripliga åtgärder: HTML-exempel, kontrollsteg och felsökning.

Varför rubriker fortfarande spelar roll

Rubriker hjälper både besökare och sökmotorer att snabbt förstå en sidas hierarki och huvudämne. Google använder den mobila sidan som primär bas för crawling och indexering; sedan juli 2024 används Googlebot Smartphone som standardcrawlern, vilket gör det viktigt att rubriker är korrekta i den mobilrenderade HTML:en.

Det är värt att skilja mellan tre steg: crawling (hämtning av HTML), indexering (vad som lagras) och ranking (hur resultat ordnas). Rubriker påverkar i första hand hur innehållet tolkas vid crawl och indexering; deras effekt på rankning är indirekt och beror på tydlighet, användarupplevelse och relevans.

Praktiska riktlinjer för H1, H2 och H3

Följ dessa konkreta regler när du skriver och märker upp rubriker:

• H1: Använd för sidans huvudsakliga ämne. Håll texten kort och beskrivande, men undvik upprepning och keyword stuffing.
• H2: Dela upp innehållet i större sektioner. Variera H2 för att täcka relaterade underämnen.
• H3: Använd för undersektioner under H2. H3 hjälper läsbarheten och gör det lättare för skärmläsare att navigera.
• Titel-taggen (HTML <title>) och H1 behöver inte vara identiska, men de bör spegla samma huvudämne. Titel-taggen styr ofta vad som visas i SERP; H1 visar vad sidan handlar om för besökaren.

Exempel på enkel HTML för rubriker:

En standardrubrik: https://example.com

Huvudrubrik: <h1>Hur man optimerar rubriker för SEO</h1>. Sektion: <h2>Struktur och användbarhet</h2>. Underrubrik: <h3>Kontrollera rubrikordningen</h3>.

Hur du verifierar vad Google och användare ser

Use the following checks depending on whether you control the site or inspect an external publisher. For pages you own, use site tools; for external pages, use client-side inspection.

För din egen sajt:

• Google Search Console — URL Inspection tool visar hur Google senast renderade sidan och vilka element som togs med vid indexering.
• Chrome DevTools (Elements & Device Toolbar) — kontrollera DOM, se rubriker i den mobilrenderade vy som motsvarar Googlebot Smartphone.
• Serverloggar — verifiera att Googlebot (standarduser-agent för smartphone) faktiskt hämtar de sidor du förväntar dig.

För sidor du inte äger:

• Visa källkoden i din webbläsare (Ctrl/Cmd+U) eller öppna DevTools Elements för att se om rubriken finns i HTML:en och är synlig i den renderade DOM:en.
• curl — hämta sidan från kommandoraden för att se serverns svar. Exempel för att få full HTML: curl -L https://exempel.se/sida

Observera att "site:"-sökningar i Google kan ge en indikation på indexeringsstatus, men de är inte definitiva. För dina egna sidor är URL Inspection i Search Console den auktoritativa källan.

Vanliga problem och hur du åtgärdar dem

• Ingen H1 eller flera H1: En sida utan tydlig H1 kan vara svårare att tolka. Flera H1 är inte tekniskt förbjudet, men kan skapa otydlighet. Åtgärd: placera en tydlig huvudrubrik tidigt i DOM:en som sammanfattar sidans ämne.
• Rubriker som endast är bilder: Om en H1 är en bild utan associerad text riskerar skärmläsare och sökmotorer att missa innebörden. Åtgärd: ge alt-text som beskriver bilden eller använd en textbaserad H1.
• Rubriker som döljs för användare via CSS eller JS: Om innehåll är gjort otillgängligt för användare men synligt i HTML kan det uppfattas som problematiskt. Åtgärd: säkerställ att innehåll som är avsett för användare också är synligt utan att kräva specialagenter.

Varning: Undvik att leverera olika huvudinnehåll till crawlers än till användare. Att optimera HTML per enhetstyp är tillåtet, men att visa olika innehåll för sökmotorens crawler än för användaren räknas som cloaking och kan skada indexering.

A/B-testning av rubriker

Om du vill testa rubrikförändringar i skarpt läge, gör det som ett strukturerat experiment. Separera trafikgrupper, ändra bara rubriken i testvarianten och jämför viktiga mått som organisk klickfrekvens och användarbeteende över tid.

Använd A/B-verktyg eller experimentfunktionalitet i din plattform, och låt testet löpa tills resultaten är statistiskt meningsfulla för din trafiksituation. Undvik att byta flera variabler samtidigt — rubriken är en variabel åt gången.

Rubriker i sponsrade inlägg och policy

När rubriker används i sponsrat innehåll eller betalda placeringar är det viktigt att följa sökmotorernas riktlinjer för länkar och reklam. Google behandlar betalda länkar som potentiellt manipulerande om syftet primärt är att påverka rankning.

Riktlinjerna rekommenderar att länkar i betalt eller kompenserat innehåll märks med rel="sponsored" eller rel="nofollow". Använd tydlig redaktionell märkning i själva artikeln när innehållet är kommersiellt; rubriken bör inte vilseleda om innehållets karaktär.

Snabb felsökningschecklista

• Kolla källkoden i webbläsaren: finns <h1> i HTML? Är den placerad tidigt i DOM?
• Rendera som mobil i DevTools — verifiera att H1 syns i den mobilrenderade DOM:en.
• Hämta HTML med curl: curl -L https://dindomän.se/sida och kontrollera att servern levererar samma rubriktext som du förväntar dig.
• URL Inspection i Google Search Console — se 'Live test' för att se hur Google renderar innehållet.

Om rubriken skiljer sig mellan vad du förväntar dig och vad Google visar i SERP: kontrollera titel-taggen, meta-data, strukturerade data och om Google omskriver titeln för att bättre matcha sökintentionen.

Vill du ha en djupare teknisk genomgång av rendering och indexering? Läs Technical SEO-guiden.

Sammanfattning

Rubriker är ett enkelt, låginsats-sätt att förbättra struktur och tillgänglighet. Rätt implementerade rubriker hjälper både användare och sökmotorer att förstå innehållet. Prioritera tydlighet i H1, logisk hierarki med H2/H3 och verifiera alltid i den mobilrenderade DOM:en.

Vanliga frågor