HTML-tags — De vigtigste tags for SEO
HTML-tags er kodens byggeklodser — og title-tag, h1-h6, canonical og alt-attribut er direkte SEO-rankingfaktorer.
HTML-tags er de grundlæggende byggeklodser i al HTML-kode — markup-notationer der fortæller browseren og Googlebot hvad et stykke indhold er, og dermed hvordan det skal behandles. Title-tagget, H1-H6 overskrifter, anker-tagget og img-tagget er direkte SEO-rankingfaktorer. At kende de vigtigste tags og deres korrekte anvendelse er essensen af on-page SEO.
Hvad er HTML-tags?
HTML-tags er de grundlæggende byggeklodser i al HTML-kode. Et tag er et markeret tekstsegment omgivet af < og > der fortæller browseren og søgemaskiner hvad et stykke indhold er — og dermed hvordan det skal behandles.
De fleste tags optræder i par: et åbningstag og et sluttag:
<h1>Dette er en overskrift</h1>
<p>Dette er et afsnit.</p>
Sluttaget har en fremadskrå streg: </h1>. Indholdet mellem åbnings- og sluttag er det der annoteres med tagets semantiske mening.
Block-level vs inline-elementer
HTML-tags inddeles i to grundlæggende kategorier baseret på deres standard-display-adfærd:
Block-level elementer
Block-level elementer starter på en ny linje og fylder hele den tilgængelige bredde. Eksempler: <h1>–<h6>, <p>, <div>, <ul>, <ol>, <li>, <article>, <section>.
Inline-elementer
Inline-elementer flyder med den omgivende tekst og fylder kun så meget plads som nødvendigt. Eksempler: <a>, <strong>, <em>, <span>, <img>.
De vigtigste SEO-tags
Title-tagget
<title>Sidetitel | Branding</title>
Title-tagget er det vigtigste enkelt-element for on-page SEO. Det vises som overskrift i søgeresultater (SERP) og i browserens faneblade. Google bruger title-tagget som et primært signal for sidens emne. Placeres altid i <head>.
Anbefalet længde: 50–60 tegn for at undgå trunkering i SERP.
H1-H6 overskrifter
<h1>Primær overskrift — én per side</h1>
<h2>Sektion-overskrift</h2>
<h3>Under-sektion</h3>
Overskriftshierarkiet giver Google et indholdskort over siden. H1 bør bruges én gang og afspejle det primære søgeord. H2–H6 strukturerer underafsnit i logisk hierarki. Hop i hierarkiet (fra H2 direkte til H4) bør undgås.
Anker-tagget (links)
<a href="/ordbog/html-struktur/">Gå til HTML-struktur</a>
Anker-tagget skaber hyperlinks. Anchor-teksten (det synlige linkede ord eller sætning) er et direkte SEO-signal om det linkede indhold. Undgå generiske anchor-tekster som “klik her” eller “læs mere”.
Billede-tagget
<img src="/billeder/html-diagram.jpg" alt="Diagram over HTML-dokumentets struktur" width="800" height="450">
<img> er et void-element — det har intet sluttag. alt-attributten er kritisk: det er det eneste Google kan “læse” på et billede. Alt-teksten bør beskrive billedets indhold præcist.
Meta-tags (i head)
<meta name="description" content="160-tegns beskrivelse af siden">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://stegger.dk/ordbog/html-tags/">
Meta-tags er usynlige for brugere men centrale for SEO. Meta description vises (normalt) i søgeresultater. Robots-tag styrer indexering og crawling. Canonical-tag signalerer den foretrukne URL til Google.
Paragraph-tagget
<p>Et velstruktureret afsnit med relevant indhold.</p>
<p> definerer tekstafsnit. Korrekt brug af afsnit forbedrer læsbarhed — og læsbarhed er en positiv brugeroplevelsessignal for Google.
Void elements
Nogle HTML-tags har intet sluttag fordi de aldrig indeholder indhold. Disse kallas void elements:
<img>— billeder<br>— linjeskift<hr>— vandret skillelinje<input>— formularfelter<link>— stylesheet/canonical-reference<meta>— metadata
I HTML5 behøver void elements ikke self-closing slash (<img /> er tilladt men unødvendigt).
Oversigt: vigtigste tags og SEO-relevans
| Tag | Placering | SEO-relevans |
|---|---|---|
<title> | head | Meget høj — primært SERP-signal |
<h1> | body | Høj — primær on-page søgeordssignal |
<h2>–<h6> | body | Middel — indholdshierarki |
<a> | body | Høj — intern/ekstern linking |
<img alt=""> | body | Høj — billedindeksering |
<meta description> | head | Middel — CTR-påvirkning i SERP |
<link rel="canonical"> | head | Høj — duplicate content-kontrol |
<meta robots> | head | Høj — crawling/indexering-kontrol |
Ofte stillede spørgsmål
Hvad er det vigtigste HTML-tag for SEO?
Title-tagget er det vigtigste enkelt-element. Det er det primære signal Google bruger til at forstå sidens emne og det vises direkte i søgeresultater.
Skal H1 indeholde det primære søgeord?
Ja. H1 bør naturligt indeholde det primære søgeord for siden. Undgå keyword-stuffing — én klar H1 der beskriver sidens emne er det optimale.
Hvad er et void element?
Et void element er et HTML-tag der aldrig har indhold og ingen sluttag — f.eks. <img>, <br> og <meta>.
Er der forskel på <b> og <strong>?
Visuelt nej — begge er fed skrift. Semantisk ja: <strong> signalerer vigtig tekst med særlig vægt, <b> er blot fed skrift uden semantisk betydning. Google foretrækker <strong>.
Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog.
Andre artikler i samme emne
- Broken HTML og SEO — Hvordan markup-fejl skader rangering
- Frontend — Hvad er frontend-kode og hvad betyder det for SEO?
- Grundlæggende webkode — HTML, CSS og JavaScript
- Headings — H1-H6 hierarki og SEO
- HTML — Grundlæggende guide til HyperText Markup Language
- HTML body — Indholdssektionen og semantisk struktur
- HTML head — Hvad indeholder head-sektionen?
- HTML-attributter — Alt, href, id, class og SEO-relevante attributter
- HTML-elementer — Struktur og semantik
- HTML-validering — W3C validator og kode-fejl
- Kildekode — Hvad er kildekode og hvad ser Googlebot?
- Kodekvalitet og validering — Semantik, accessibility og ren kode
- Markup-sprog — HTML, XML og semantisk markup
- Responsivt design — Mobile-first og SEO
- Semantisk HTML — Hvad er semantisk markup og hvorfor det betyder noget
- Semantisk kode — Kode med betydning og kontekst
- Web Accessibility — Tilgængelighed og SEO
Ofte stillede spørgsmål
- Hvad er HTML-tags?
- HTML-tags er markup-notationer omgivet af < og > der fortæller browseren og søgemaskiner hvad et stykke indhold er og hvordan det skal behandles. De fleste tags optræder i par med et åbningstag og et sluttag: <h1>Overskrift</h1>. Indholdet mellem tagsene annoteres med tagets semantiske mening. Void elements som <img>, <br> og <meta> har intet sluttag og indeholder intet indhold.
- Hvad er det vigtigste HTML-tag for SEO?
- Title-tagget er det vigtigste enkelt-element for on-page SEO. Det vises som overskrift i Googles søgeresultater og bruges som primært signal for sidens emne. Anbefalet længde er 50-60 tegn. H1-tagget er det næst-vigtigste — bør bruges én gang per side med det primære søgeord. Alt-attributten på billeder og canonical-tagget er ligeledes høj-prioritets SEO-elementer.
- Hvad er forskellen på <strong> og <b>?
- Visuelt er der ingen forskel — begge giver fed skrift. Semantisk er der afgørende forskel: <strong> signalerer at teksten har særlig vigtighed og vægt, mens <b> blot er stilistisk fed skrift uden semantisk betydning. Google foretrækker <strong> fordi det kommunikerer indholdsmæssig prioritet. Tilsvarende gælder for <em> (semantisk betoning) versus <i> (blot kursiv).
- Hvad er script-tagget og hvornår er det render-blocking?
- Script-tagget <script> eksekverer JavaScript. Placeret i <head> uden async eller defer er det render-blocking: browseren stopper HTML-parsing og afventer download og eksekvering. Det forsinker LCP og FCP direkte. Med defer eksekveres scriptet efter HTML er fuldt parset. Med async downloades det parallelt og eksekveres straks det er klar. Brug defer til de fleste scripts, async kun til fuldstændig uafhængige scripts som analytics.
- Hvad er picture-tagget og hvornår bruges det frem for img?
- Picture-tagget tillader at levere forskellige billedkilder baseret på viewport, skærmopløsning og billedformat-understøttelse. Med <source> og media-attributten serveres det optimale billede til den aktuelle enhed. Med <source type=image/avif> serveres AVIF til understøttende browsere og JPEG som fallback. Picture er idéelt til art direction — forskellige billedudsnit på desktop og mobil — og til at levere moderne formater med graceful fallback.
Placering i ordbogen
- Broken HTML og SEO — Hvordan markup-fejl skader rangering
- Frontend — Hvad er frontend-kode og hvad betyder det for SEO?
- Grundlæggende webkode — HTML, CSS og JavaScript
- Headings — H1-H6 hierarki og SEO
- HTML — Grundlæggende guide til HyperText Markup Language
- HTML body — Indholdssektionen og semantisk struktur
- HTML head — Hvad indeholder head-sektionen?
- HTML-attributter — Alt, href, id, class og SEO-relevante attributter
- HTML-elementer — Struktur og semantik
- HTML-validering — W3C validator og kode-fejl
- Kildekode — Hvad er kildekode og hvad ser Googlebot?
- Kodekvalitet og validering — Semantik, accessibility og ren kode
- Markup-sprog — HTML, XML og semantisk markup
- Responsivt design — Mobile-first og SEO
- Semantisk HTML — Hvad er semantisk markup og hvorfor det betyder noget
- Semantisk kode — Kode med betydning og kontekst
- Web Accessibility — Tilgængelighed og SEO