HTML — Grundlæggende guide til HyperText Markup Language
HTML er sproget bag alle websider — strukturen, de vigtigste tags og hvad god HTML-kode betyder for SEO.
Hvad er HTML?
HTML — HyperText Markup Language — er det grundlæggende sprog som alle websider er bygget med. HTML er ikke et programmeringssprog i traditionel forstand; det er et markup-sprog, der bruger tags til at beskrive indholdets struktur og betydning. Hver eneste webside du besøger, er i sin kerne en HTML-fil som browseren fortolker og viser som en visuel side.
Tim Berners-Lee opfandt HTML i 1991 som en del af World Wide Web-projektet. Siden da har sproget udviklet sig fra simple dokumenter til det komplekse HTML5, vi bruger i dag.
Sådan er en HTML-fil opbygget
En HTML-fil har en fast grundstruktur:
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sidetitel</title>
</head>
<body>
<h1>Overskrift</h1>
<p>Et afsnit med tekst.</p>
</body>
</html>
- DOCTYPE fortæller browseren at dokumentet er HTML5
- html-elementet er rodelementet for hele siden, og
lang-attributten angiver sproget - head indeholder metadata: title, meta description, canonical, stylesheets og scripts
- body indeholder alt synligt indhold
De vigtigste HTML-elementer for SEO
Ikke alle HTML-tags er lige vigtige for SEO. Disse er direkte rankingfaktorer eller stærkt vejledende for Googlebot:
Title-tagget er det vigtigste enkelt-element. Det vises i søgeresultater og fortæller Google hvad siden handler om. Placer det altid i <head>.
H1-H6 overskrifter skaber det indholdshierarki som Google bruger til at forstå sidens struktur. H1 bør bruges én gang per side og afspejle det primære søgeord. H2-H6 strukturerer underafsnit.
Paragraph-tagget <p> bruges til brødtekst. God brug af afsnit hjælper læsbarhed — og Google vurderer brugervenligt indhold positivt.
Anker-tagget <a href="..."> skaber links — både interne og eksterne. Anchor-teksten er et signal om det linkede indhold.
Billede-tagget <img src="..." alt="..."> kræver altid en beskrivende alt-attribut. Alt-teksten er det eneste Google kan “se” på et billede.
Meta-tags som <meta name="description"> og <link rel="canonical"> placeres i head og er centrale SEO-elementer.
HTML5 vs ældre versioner
HTML5, lanceret officielt i 2014, introducerede semantiske elementer som <article>, <section>, <nav>, <header> og <footer>. Disse elementer giver struktur semantisk mening — i modsætning til generiske <div>-tags.
Ældre HTML-versioner (HTML 4.01, XHTML) brugte primært div og span til alt, hvilket gav Googlebot og skærmlæsere langt færre semantiske signaler. HTML5 er i dag den globale standard og understøttes af alle moderne browsere.
Hvad fejlfri HTML betyder for Googlebot
Googlebot er tolerant over for fejl i HTML — browsers er designet til at rette op på manglende sluttags og forkert nestede elementer. Men det betyder ikke at fejl er ligegyldige:
- Ugyldige tags kan misfortolkes og skabe uventet DOM-struktur
- Manglende charset-deklaration kan forårsage tegnsætningsproblemer
- Forkert nestede elementer kan resultere i at indhold ender udenfor det forventede element
- Validering via W3C Markup Validator er en god praksis, særligt ved tekniske SEO-audits
Google anbefaler ikke eksplicit fejlfri HTML som rankingfaktor, men ren HTML reducerer risikoen for uventede crawling- og rendering-problemer.
Hvad betyder HTML? HTML står for HyperText Markup Language. HyperText refererer til links mellem dokumenter, og Markup Language beskriver hvordan tekst annoteres med tags.
Er HTML et programmeringssprog? Nej. HTML er et markup-sprog — det beskriver struktur og indhold, men indeholder ikke logik eller betingede operationer som rigtige programmeringssprog.
Hvad er HTML5? HTML5 er den aktuelle version af HTML, standardiseret i 2014. Den introducerede semantiske elementer, video/audio-understøttelse og moderne API’er.
Kan Google crawle alle HTML-sider? Ja, HTML er Googlebots primære format. Googlebot er meget god til at parse HTML — men JavaScript-genereret indhold kræver rendering og behandles i en separat fase.
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 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-tags — De vigtigste tags for SEO
- 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 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-tags — De vigtigste tags for SEO
- 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