Hvad er det vigtigste SEO-element i HTML head?

Title-tagget er det vigtigste SEO-element i — det er Googles primære rangeringssignal for sidens emne og vises som overskriften i søgeresultater. Meta description påvirker ikke ranking direkte men er vigtigst for click-through rate i SERP. Canonical-tagget er kritisk for at undgå duplicate content-problemer. Hreflang-tags er nødvendige for internationale websites med indhold på flere sprog.

Hvad sker der hvis viewport-tagget mangler i head?

Uden viewport-meta-tagget viser mobile browsere siden i desktop-bredde og zoomer derefter ud — siden bliver minimal og ulæselig på mobilskærme. Da Google bruger mobile-first indexing, vurderer Google primært mobilversionen af din side. Manglende viewport-tag kan skade både mobile usability og din ranking. Den korrekte meta viewport er: .

Hvad er preload og preconnect i head og hvornår bruges de?

Preload ( ) instruerer browseren om at hente en kritisk ressource tidligt — typisk LCP-billedet, web fonts eller kritisk JavaScript. Det forbedrer LCP markant. Preconnect ( ) etablerer tidlig forbindelse til en ekstern server — Google Fonts, CDN-origin — så TCP og TLS-handshake er gennemført inden ressourcen er nødvendig. Begge er performance-hints der reducerer den kritiske renderingsti.

Kan der være for mange ressourcer i head og hvad er konsekvensen?

Ja. Hvert eksternt stylesheet i head er render-blocking — browseren venter med at vise siden til alle er hentet og parseret. For mange tracking-scripts i head, selv med async, kan øge Total Blocking Time og forværre INP. Best practice er at inline kritisk CSS, defer alle scripts der kan udskydes, og minimere antallet af render-blocking ressourcer i head til det absolutte minimum for initial rendering.

Artikel

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: 26. marts 2026

HTML head-sektionen indeholder al metadata om en webside — title-tag, meta description, canonical, hreflang, Open Graph-tags og robots-direktivet. Det er usynligt for brugerne men afgørende for søgemaskiner, browsere og sociale medier. For SEO er head den primære konfigurationsflade: hvad der indgår her bestemmer hvordan Google viser og behandler siden i søgeresultater.

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 er 50–60 tegn med det primære søgeord tidligt i titlen, og title-tagget skal være 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 er 150–160 tegn — inkludér det primære søgeord naturligt og 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. → Denne artikel er en del af HTML-struktur — Tags, elementer og semantik.

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

Andre artikler i samme emne

Ofte stillede spørgsmål

Hvad indeholder HTML head-sektionen?: HTML <head>-sektionen indeholder metadata om siden — information der styrer hvordan siden præsenteres af søgemaskiner, browsere og sociale medier, men som er usynlig for brugere. Det inkluderer title-tagget (sidens SEO-titel), meta description, charset-deklaration, viewport-meta-tag, canonical-tag, hreflang-tags, Open Graph-tags, robots-meta-tag, samt links til stylesheets og scripts.
Hvad er det vigtigste SEO-element i HTML head?: Title-tagget er det vigtigste SEO-element i <head> — det er Googles primære rangeringssignal for sidens emne og vises som overskriften i søgeresultater. Meta description påvirker ikke ranking direkte men er vigtigst for click-through rate i SERP. Canonical-tagget er kritisk for at undgå duplicate content-problemer. Hreflang-tags er nødvendige for internationale websites med indhold på flere sprog.
Hvad sker der hvis viewport-tagget mangler i head?: Uden viewport-meta-tagget viser mobile browsere siden i desktop-bredde og zoomer derefter ud — siden bliver minimal og ulæselig på mobilskærme. Da Google bruger mobile-first indexing, vurderer Google primært mobilversionen af din side. Manglende viewport-tag kan skade både mobile usability og din ranking. Den korrekte meta viewport er: <meta name="viewport" content="width=device-width, initial-scale=1.0">.
Hvad er preload og preconnect i head og hvornår bruges de?: Preload (<link rel=preload>) instruerer browseren om at hente en kritisk ressource tidligt — typisk LCP-billedet, web fonts eller kritisk JavaScript. Det forbedrer LCP markant. Preconnect (<link rel=preconnect>) etablerer tidlig forbindelse til en ekstern server — Google Fonts, CDN-origin — så TCP og TLS-handshake er gennemført inden ressourcen er nødvendig. Begge er performance-hints der reducerer den kritiske renderingsti.
Kan der være for mange ressourcer i head og hvad er konsekvensen?: Ja. Hvert eksternt stylesheet i head er render-blocking — browseren venter med at vise siden til alle er hentet og parseret. For mange tracking-scripts i head, selv med async, kan øge Total Blocking Time og forværre INP. Best practice er at inline kritisk CSS, defer alle scripts der kan udskydes, og minimere antallet af render-blocking ressourcer i head til det absolutte minimum for initial rendering.