Overskrifter og underoverskrifter

Overskrifter og underoverskrifter er afgørende for strukturering af indhold, forbedring af læsbarhed og øget SEO-ydeevne. Uanset om du er nybegynder eller genbesøger dette afsnit, er det vigtigt at mestre brugen af overskrifter som H1, H2 og H3 effektivt for at skabe overskueligt, brugervenligt og søgemaskineoptimeret indhold.

Overskrifter spiller en central rolle i at strukturere indhold for både læsere og søgemaskiner. H1-tagget fungerer som hovedtitel og repræsenterer sidens primære emne. Den skal være præcis, slagkraftig og indeholde primært søgeord, såsom "The Ultimate Guide to Digital Marketing" for en blog om emnet. En side bør kun have én H1 for at bevare klarhed og fokus.

H2-tags, eller underoverskrifter, opdeler indholdet i hovedafsnit, hvilket forbedrer læsbarhed og navigation. Hver H2 understøtter H1 ved at tage fat på underemner, som "What is Digital Marketing?" eller "Top Digital Marketing Strategies." Under H2-tags skaber H3-tags og derunder underafsnit, hvilket sikrer en logisk hierarki. For eksempel, under H2 "Top Digital Marketing Strategies," kan H3'ere være "Social Media Marketing" og "Search Engine Optimization."

For SEO hjælper naturlig brug af søgeord i overskrifter med at signalere relevans til søgemaskiner uden at overbelaste indholdet, som ved brug af en H2 som "Essential Email Marketing Tips for Beginners." Derudover forbedrer overskrifter brugeroplevelsen ved at gøre indholdet let at skimme og bryde store tekstblokke op, så læsere hurtigt kan finde specifik information og gøre siden mere visuelt tiltalende.

Praktisk anvendelse

I denne praktiske øvelse lærer du, hvordan du korrekt bruger overskrifter (<h1>, <h2>, <h3>, osv.) til at strukturere indhold på en webside. Du vil udforske, hvordan man formaterer overskrifter med HTML og styler dem med CSS.

1. CMS-brugere (f.eks. WordPress, Wix): brug editorens værktøjer til at formatere tekst som overskrifter (f.eks. "Overskrift 1", "Overskrift 2");

2. HTML-brugere: brug de relevante <h1>, <h2>, <h3> tags til at strukturere dit indhold;

3. Find HTML-filen: åbn den HTML-fil, hvor du vil tilføje overskrifterne;

4. Tilføj overskriftstags: brug <h1> til hovedoverskriften, <h2> til underoverskrifter osv.:

<h1>Main Heading</h1> 

<h2>Subheading 1</h2> 

<h3>Subheading under Subheading 1</h3>

5. Style overskrifterne: brug om nødvendigt CSS til at tilpasse udseendet af dine overskrifter:

<style>
    h1 { font-size: 36px; color: blue; } 
    h2 { font-size: 28px; color: green; } 
</style>

6. Gem og upload: gem filen og upload den til din server for at få ændringerne vist på dit site.