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.
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 starter på en ny linje og fylder hele den tilgængelige bredde. Eksempler: <h1>–<h6>, <p>, <div>, <ul>, <ol>, <li>, <article>, <section>.
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 |
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
- Frontend — Hvad er frontend-kode og hvad betyder det for 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
- Semantisk HTML — Hvad er semantisk markup og hvorfor det betyder noget
- Semantisk kode — Kode med betydning og kontekst
- Web Accessibility — Tilgængelighed og SEO
Placering i ordbogen
- Frontend — Hvad er frontend-kode og hvad betyder det for 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
- Semantisk HTML — Hvad er semantisk markup og hvorfor det betyder noget
- Semantisk kode — Kode med betydning og kontekst
- Web Accessibility — Tilgængelighed og SEO