Hvad er forskellen på kildekode og det renderede DOM?

Kildekoden er den statiske HTML serveren leverer — den indeholder ikke ændringer foretaget af JavaScript efter levering og ses med 'Vis kilde'. Det renderede DOM er den levende browserrepræsentation som JavaScript kan ændre dynamisk. Et React SPA har måske blot i kildekoden — al indhold genereres af JavaScript i browseren, og kildekoden er næsten tom. Googlebot ser kildekoden ved fase 1, og det renderede DOM ved rendering i fase 2 med dages forsinkelse.

Hvad er den SEO-mæssige konsekvens af forskellen på kildekode og DOM?

Kritisk SEO-indhold — title-tag, H1, brødtekst, interne links, canonical-tag og hreflang — bør altid være til stede i HTML-kildekoden, ikke afhænge af JavaScript-rendering. Indhold der kun eksisterer i DOM'en efter JavaScript-eksekvering kan ligge unindekseret i dage til uger. Statisk HTML og server-side rendering sikrer at kildekode og DOM er ens, og at Googlebot ser det fulde indhold allerede ved fase 1. Brug Google Search Consoles URL Inspection Tool til at se hvad Google faktisk ser.

Hvordan ser jeg kildekoden på en webside?

Tryk Ctrl+U (Windows) eller Cmd+Option+U (Mac) i enhver browser for at se sidens rå HTML-kildekode. Det er præcis hvad serveren sendte og hvad Googlebot modtager i fase 1. Alternativt højreklik og vælg 'Vis sidekilde'. Brug Inspect-elementet (F12) for at se det renderede DOM — der kan adskille sig markant fra kildekoden på JavaScript-tunge sider.

Kan Googlebot se indhold i kildekoden der er skjult med CSS?

Ja — Googlebot kan se indhold i kildekoden selv om det er skjult med CSS (display:none, visibility:hidden). Indholdet er til stede i HTML-kildekoden og crawles. Det indekseres dog typisk med lavere vægtning end synligt indhold. Sæt aldrig primært SEO-indhold udelukkende bag CSS-skjul. Teknisk set er display:none-indhold i kildekoden synligt for Googlebot — men vægtes anderledes end fuldt synligt indhold.

Artikel

Kildekode — Hvad er kildekode og hvad ser Googlebot?

Kildekode er rå HTML som browseren modtager — men Googlebot ser i mange tilfælde det renderede DOM, ikke blot kildekoden.

Sidst opdateret: 26. marts 2026

Kildekoden er den rå HTML som serveren sender til browseren og Googlebot ved en request. Det er det direkte kommunikationsmedie mellem webmaster og søgemaskine — alt hvad der er i kildekoden er øjeblikkeligt tilgængeligt for Googlebot i fase 1 af crawling. JavaScript-genereret indhold er ikke synligt i kildekoden og kræver Googlebots rendering-pipeline. For SEO er dette en af de vigtigste distinktioner: indhold der kun eksisterer i DOM’en efter JavaScript-eksekvering kan forblive unindekseret i dage til uger.

Hvad er kildekode?

Kildekoden er den rå HTML som serveren sender til browseren, når den modtager en forespørgsel på en given URL. Det er tekst — ikke pixels, ikke layout — blot HTML-markup som browseren fortolker og renderer til det visuelle resultat brugeren ser.

Du kan se kildekoden ved at højreklikke på en webside og vælge “Vis kilde” eller ved at bruge tastaturgenvej Ctrl+U (Windows) / Cmd+Option+U (Mac). Det du ser er præcis hvad serveren har sendt — hverken mere eller mindre.

Kildekode vs renderet DOM

Her opstår en af de vigtigste distinktioner i teknisk SEO: forskellen på kildekoden og det renderede DOM.

Kildekode (raw HTML)

Kildekoden er den HTML serveren leverer — statisk og præcis hvad der er i filen eller genereret af backend. Den indeholder ikke ændringer foretaget af JavaScript efter levering og ses med “Vis kilde” / Ctrl+U.

Renderet DOM (Document Object Model)

Det renderede DOM er den levende repræsentation af siden som browseren opbygger. Det er dynamisk — JavaScript kan tilføje, fjerne og ændre elementer — og afspejler siden som den faktisk ser ud for brugeren. Det ses i DevTools under “Elements”-fanen.

Et praktisk eksempel: Et React SPA har måske blot <div id="root"></div> i kildekoden — al indhold genereres af JavaScript i browseren. Kildekoden er næsten tom, men det renderede DOM er fuldt.

View Source vs DevTools Elements

	View Source (`Ctrl+U`)	DevTools Elements
Viser	Raw HTML fra server	Renderet DOM inkl. JS-ændringer
JavaScript-indhold	Nej	Ja
Dynamisk indhold	Nej	Ja
Brug til	Tjek server-output	Tjek faktisk DOM

For teknisk SEO-debugging er DevTools’ Elements-fane essentiel — den viser hvad der faktisk er til stede i DOM’et.

Googlebots rendering-pipeline

Googlebot behandler sider i to trin, og det er afgørende for forståelsen af kildekode i SEO-kontekst.

Trin 1 — Crawl

Googlebot fetcher siden og modtager kildekoden (raw HTML). Dette sker hurtigt. Indhold der er direkte i HTML-kildekoden, er øjeblikkeligt tilgængeligt for indexering.

Trin 2 — Rendering

Siden placeres i en render-kø og sendes til Googles Web Rendering Service (WRS). Her eksekveres JavaScript, og det renderede DOM genereres. Dette kan ske dage eller uger efter det første crawl.

Praktisk konsekvens: Kritisk SEO-indhold — title-tag, H1, brødtekst, interne links — bør altid være til stede i kildekoden, ikke afhænge af JavaScript-rendering.

Hvad det betyder at “Googlebot ser kildekoden”

Når SEO-folk siger “Googlebot ser kildekoden”, mener de typisk råHTML — fase 1 af crawling. Men Google kan også se det renderede DOM, bare med forsinkelse.

Tommelfingerregel:

Statisk HTML (WordPress, Astro, statiske sider): Kildekode = renderet DOM ≈ hvad Google indexerer
Server-side rendering (Next.js SSR, PHP, Ruby): Kildekoden er det renderede output — god SEO
Client-side rendering (React SPA, Angular SPA): Kildekode er næsten tom; Google skal rendere for at se indhold

Debugging af kildekode i teknisk SEO

En teknisk SEO-audit af kildekode indebærer typisk disse tjek: Om title og meta description er til stede i kildekoden (brug Ctrl+U og søg efter <title> og <meta name="description">), om canonical-tagget er korrekt (rel="canonical"), og om H1 er i kildekoden eller genereret af JavaScript (sammenlign View Source med DevTools). Hreflang-tags bør ligeledes verificeres direkte i kildekoden frem for i det renderede DOM. Endelig viser Google Search Console’s URL Inspection Tool Googles faktiske renderede version af siden.

Hvad er forskellen på kildekode og DOM?

Kildekode er råHTML leveret af serveren. DOM er den levende browserrepræsentation der inkluderer JavaScript-ændringer. De kan være meget forskellige på JS-tunge sider.

Kan Google se JavaScript-genereret indhold?

Ja, men med forsinkelse. Google renderer JavaScript via WRS, men det sker i en separat fase — dage til uger efter det initiale crawl.

Hvordan ser jeg hvad Googlebot ser?

Brug Google Search Console’s URL Inspection Tool og vælg “Test live URL” → “Vis renderet kildekode”. Det viser Googles renderede version af siden.

Skal min kildekode validere?

Ugyldig HTML er ikke en direkte rankingfaktor, men ren og valid kildekode reducerer risikoen for crawling- og parsing-fejl.

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 er kildekode?: Kildekoden er den rå HTML som serveren sender til browseren, når den modtager en forespørgsel på en given URL. Det er tekst — HTML-markup som browseren fortolker og renderer til det visuelle resultat brugeren ser. Du kan se kildekoden ved at højreklikke på en webside og vælge 'Vis kilde' eller bruge Ctrl+U på Windows. Det du ser er præcis hvad serveren har sendt og hvad Googlebot modtager i fase 1 af crawl.
Hvad er forskellen på kildekode og det renderede DOM?: Kildekoden er den statiske HTML serveren leverer — den indeholder ikke ændringer foretaget af JavaScript efter levering og ses med 'Vis kilde'. Det renderede DOM er den levende browserrepræsentation som JavaScript kan ændre dynamisk. Et React SPA har måske blot <div id=root></div> i kildekoden — al indhold genereres af JavaScript i browseren, og kildekoden er næsten tom. Googlebot ser kildekoden ved fase 1, og det renderede DOM ved rendering i fase 2 med dages forsinkelse.
Hvad er den SEO-mæssige konsekvens af forskellen på kildekode og DOM?: Kritisk SEO-indhold — title-tag, H1, brødtekst, interne links, canonical-tag og hreflang — bør altid være til stede i HTML-kildekoden, ikke afhænge af JavaScript-rendering. Indhold der kun eksisterer i DOM'en efter JavaScript-eksekvering kan ligge unindekseret i dage til uger. Statisk HTML og server-side rendering sikrer at kildekode og DOM er ens, og at Googlebot ser det fulde indhold allerede ved fase 1. Brug Google Search Consoles URL Inspection Tool til at se hvad Google faktisk ser.
Hvordan ser jeg kildekoden på en webside?: Tryk Ctrl+U (Windows) eller Cmd+Option+U (Mac) i enhver browser for at se sidens rå HTML-kildekode. Det er præcis hvad serveren sendte og hvad Googlebot modtager i fase 1. Alternativt højreklik og vælg 'Vis sidekilde'. Brug Inspect-elementet (F12) for at se det renderede DOM — der kan adskille sig markant fra kildekoden på JavaScript-tunge sider.
Kan Googlebot se indhold i kildekoden der er skjult med CSS?: Ja — Googlebot kan se indhold i kildekoden selv om det er skjult med CSS (display:none, visibility:hidden). Indholdet er til stede i HTML-kildekoden og crawles. Det indekseres dog typisk med lavere vægtning end synligt indhold. Sæt aldrig primært SEO-indhold udelukkende bag CSS-skjul. Teknisk set er display:none-indhold i kildekoden synligt for Googlebot — men vægtes anderledes end fuldt synligt indhold.