H1 fortæller, hvad siden handler om
Et H1-tag er HTML-elementet til sidens hovedoverskrift. På en ydelsesside kan det være “Hjælp til din WordPress-hjemmeside”, mens en produktkategori kan hedde “Spiseborde i egetræ”. Overskriften skal gøre emnet forståeligt for den besøgende, også når vedkommende lander direkte fra en søgning.
Brug én tydelig H1 som udgangspunkt. Det giver en enkel struktur at arbejde med på tværs af skabeloner. En ekstra H1 er dog ikke i sig selv dokumentation for, at Google straffer siden. Vurder først, om overskrifterne faktisk gør indholdet uklart.
H1, H2 og title tag har forskellige opgaver
| Element | Opgave på siden |
|---|---|
| H1 | Sidens hovedemne, synligt i indholdet. |
| H2 | En hovedsektion, eksempelvis materialer, levering eller priser. |
| H3 | Et underemne inden for den foregående H2-sektion. |
| Title tag | Sidens titel i HTML-dokumentet, som blandt andet bruges i browserfanen. |
Google kan bruge både title tag og synlige overskrifter, når titellinket i søgeresultatet dannes. Du kan derfor påvirke præsentationen, men ikke bestemme den præcise ordlyd. Se Googles vejledning om titellinks.
H1 og title tag må gerne ligne hinanden. Et title tag kan eksempelvis tilføje virksomhedens navn, mens H1 alene beskriver ydelsen. Begge skal passe til det samme indhold.
Skriv overskriften ud fra besøgendes opgave
“Velkommen” siger meget lidt på en side, der skal hjælpe en kunde med at vælge et spisebord. “Spiseborde i egetræ” afklarer både produkt og materiale. En efterfølgende introduktion kan forklare udvalg og hjælp til valg af størrelse.
På en guide er “Sådan måler du op til et spisebord” mere præcist end “Alt du skal vide”. Brug de ord, målgruppen kender, men undgå at samle forskellige søgeord i en opremsning. Hvis siden handler om flere uafhængige ydelser, kan problemet være sidens afgrænsning frem for selve overskriften.
Der er ingen grund til at forlænge en klar overskrift for at nå et bestemt antal ord. Kontrollér i stedet, at den kan læses på mobilen, og at den efterfølgende tekst leverer det, overskriften lover.
Strukturér resten af indholdet
Et enkelt eksempel på en guide:
- H1: Sådan måler du op til et spisebord
- H2: Find plads til stole og passage
- H3: Når bordet står tæt på en væg
- H2: Vælg bordets længde og bredde
- H2: Kontrollér målene før bestilling
Vælg niveau efter sammenhængen i indholdet. Brug styling til at ændre størrelsen; vælg ikke H3 alene, fordi den ser mindre ud. W3C's vejledning om overskrifter beskriver, hvordan et logisk hierarki også hjælper brugere af hjælpemidler med at navigere.
Læs mere om sammenhængen mellem overskrifter, tekst og links i min guide til on-page SEO.
Kontrollér den færdige side
Se på den publicerede side, ikke kun felterne i dit redigeringssystem. Sidens skabelon kan allerede indsætte en H1, selv om du også har valgt H1 i tekstfeltet.
Kontrollér overskrifternes HTML-elementer i browserens inspektionsværktøj, læs dem som en indholdsfortegnelse, og se siden på mobil. Et billede med indbrændt overskrift er ikke i sig selv en HTML-overskrift. Sørg for, at det vigtige indhold også findes som tekst.
FAQ
Skal hver side have én H1?
Én tydelig hovedoverskrift er et praktisk udgangspunkt. Kontrollér også, at underoverskrifterne beskriver de rigtige sektioner og følger et forståeligt hierarki.
Skal H1 og title tag være ens?
Nej. De skal beskrive samme side, men title tag kan eksempelvis indeholde virksomhedens navn, mens H1 fokuserer på emnet.
Skal søgeordet stå i H1?
Brug en naturlig beskrivelse af sidens hovedemne. Det relevante søgeord vil ofte indgå, men en liste med variationer gør ikke overskriften mere nyttig.
Kan en større tekst være H1 uden et H1-tag?
Stor skrift er en visuel egenskab. For en almindelig HTML-overskrift skal den korrekte struktur også være til stede i sidens kode.
Få hjælp til sidens struktur
Jeg hjælper med at få design, indhold og teknik til at hænge sammen. Kontakt mig om din hjemmeside, hvis overskrifter eller skabeloner gør siden svær at overskue.