HTML head — Hvad indeholder head-sektionen?

HTML head er usynlig for brugere men kritisk for SEO — title, meta description, canonical og hreflang bor alle her.

Sidst opdateret: 12. marts 2026

Hvad er HTML head-sektionen?

HTML <head>-sektionen indeholder metadata om siden — information om siden, ikke indholdet på siden. Brugerne ser ingenting af hvad der er i <head>, men søgemaskiner, browsere og sociale medier læser nøje hvad der er der.

<head> placeres mellem <!DOCTYPE html> og <body>:

<!DOCTYPE html>
<html lang="da">
  <head>
    <!-- Alt metadata er her -->
  </head>
  <body>
    <!-- Alt synligt indhold er her -->
  </body>
</html>

Head-sektionen er SEO-arbejdspladsen: her styres hvad Google viser i søgeresultater, hvordan siden deles på sociale medier, hvilken URL der er den kanoniske, og hvilket sprog siden er på.

Title-tagget

<title>HTML head-sektionen forklaret — SEO-guide [2026]</title>

Title-tagget er det vigtigste element i <head>. Det bruges som:

Overskriften i Googles søgeresultater (SERP-title)
Faneblad-titel i browseren
Standard-titel ved bogmærker

Best practice: 50–60 tegn, primært søgeord tidligt i titlen, unikt for hver side.

Meta description

<meta name="description" content="Hvad indeholder HTML head-sektionen? Title tag, meta description, canonical — alt hvad Google læser i head.">

Meta description er typisk den tekst der vises under title i søgeresultater. Google kan vælge at vise anden tekst fra siden, men en god meta description forbedrer CTR.

Best practice: 150–160 tegn, inkludér det primære søgeord naturligt, skriv det som en kort salgsbesked.

Meta charset og viewport

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

charset="UTF-8" sikrer korrekt tegnsætning og bør altid være det første element i <head>. viewport-meta-tagget er afgørende for mobilvisning og dermed for Googles mobile-first indexing.

Canonical-tagget

<link rel="canonical" href="https://stegger.dk/ordbog/html-head-sektion/">

Canonical-tagget fortæller Google hvilken URL der er den foretrukne version af siden. Det er et af de vigtigste tekniske SEO-elementer for at undgå duplicate content-problemer — f.eks. ved URL-parametre, session-ID’er eller www vs ikke-www.

Hreflang-tags

<link rel="alternate" hreflang="da" href="https://stegger.dk/ordbog/">
<link rel="alternate" hreflang="en" href="https://stegger.dk/en/dictionary/">
<link rel="alternate" hreflang="x-default" href="https://stegger.dk/">

Hreflang-tags angiver sprogversioner af siden til Google og Bing. Nødvendige for internationale websites med indhold på flere sprog eller målrettet til specifikke lande.

Open Graph-tags

<meta property="og:title" content="HTML head-sektionen forklaret">
<meta property="og:description" content="Alt hvad Google og sociale medier læser i head.">
<meta property="og:image" content="https://stegger.dk/billeder/html-head.jpg">
<meta property="og:url" content="https://stegger.dk/ordbog/html-head-sektion/">
<meta property="og:type" content="article">

Open Graph-tags (fra Facebook/Meta) styrer hvordan siden vises når den deles på Facebook, LinkedIn og andre sociale medier. Twitter/X har tilsvarende twitter: tags. Ingen direkte SEO-ranking-effekt, men påvirker CTR fra sociale medier.

Robots-meta-tag

<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, nofollow">

Robots-meta-tagget giver Googlebot direkte instrukser for siden:

index / noindex: om siden må indexeres
follow / nofollow: om links på siden må følges
nosnippet: ingen uddrag i søgeresultater
max-image-preview:large: tillad store billedforhåndsvisninger

Scripts og stylesheets

<link rel="stylesheet" href="/styles.css">
<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>
<script src="/analytics.js" defer></script>

CSS-stylesheets i <head> er render-blocking: browseren venter med at vise siden til de er downloadet. Brug rel="preload" til kritiske ressourcer og defer eller async på scripts for at undgå at blokere parsing.

Scripts der placeres i <head> uden defer eller async forsinker sideindlæsning og kan skade Core Web Vitals markant.

Favicon

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Favicon vises i browserfanen og i bogmærker. Ingen direkte SEO-effekt, men bidrager til brand-genkendelse.

Hvad er det vigtigste element i HTML head? Title-tagget er det vigtigste for SEO. Meta description er vigtigst for CTR i søgeresultater. Canonical er vigtigst for at undgå duplicate content-problemer.

Skal canonical altid pege på sig selv? På ikke-kanoniske sider bør canonical pege på den foretrukne version. På kanoniske sider anbefales en self-referencing canonical (peger på den aktuelle URL) som best practice.

Hvad sker der hvis jeg glemmer viewport-meta-tagget? Siden vises ukorrekt på mobilenheder. Da Google bruger mobile-first indexing, kan manglende viewport-tag skade både mobile usability og ranking.

Blokerer alle scripts i head rendering? Scripts uden defer eller async i <head> blokerer HTML-parsing og rendering. Scripts med defer eksekveres efter HTML er parset. Scripts med async downloades parallelt men kan forstyrre parsing.

Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog.

Del af: HTML-struktur — Tags, elementer og semantik →

Andre artikler i samme emne