JavaScript-rendering fejl — Når Googlebot ikke ser dit indhold

JavaScript-rendering fejl er den hyppigste årsag til at Googlebot ikke ser sider korrekt — indhold der kun vises efter JavaScript-execution, failed hydration eller timeout-problemer under den tofase-rendering Google anvender. Konsekvensen er sider der ser perfekte ud i browseren men er usynlige eller ufuldstændige i Googles indeks.

Googles to-fase rendering

Googlebot crawler i to faser: først hentes HTML (hurtig fase), derefter eksekveres JavaScript når rendering-ressourcer er tilgængelige (langsom fase, kan tage dage). I første fase ser Googlebot kun den HTML der serveres af serveren. Hvis kritisk indhold først vises efter JS-execution, risikerer du at første indeksering sker uden indholdet, og at re-rendering kan forsinke opdatering betydeligt.

Diagnose af rendering-fejl

Google Search Console URL Inspection er det primære værktøj: den viser den renderede HTML som Googlebot ser den. Sammenlign med hvad browseren viser. Hvis H1, produktbeskrivelser eller navigation mangler i den renderede HTML, er der et rendering-problem. Screaming Frog med JavaScript rendering aktiveret giver samme sammenligning på tværs af hele sitet.

Hydration-problemer

Hydration-fejl opstår når server-side renderet HTML ikke matcher client-side JavaScript-state. I React, Next.js og Astro vises typisk advarsler i browserens console, og komponenten kan fejle med at blive interaktiv. For SEO er konsekvenserne: layout shifts der påvirker CLS (Core Web Vitals), brudte interaktive elementer, og i værste fald fallback til ikke-hydreret tilstand hvor dynamisk indhold ikke opdateres.

Timeout og tung JavaScript

Googlebots rendering har en timeout. Tunge JavaScript-bundles (typisk 1MB+ i komprimeret størrelse), tredjeparts-scripts der blokerer main thread og sekventielle API-kald kan overskride grænsen. Resultatet: ufuldstændig rendering hvor Googlebot ser nogle dele af siden og ikke andre. Bundle-splitting, lazy loading af ikke-kritiske scripts og server-side rendering af initial content er de primære løsninger.

Løsningsstrategier

Første skridt er at identificere hvilket indhold der er kritisk og skal være i initial HTML: titel, meta description, primær brødtekst, navigation, structured data, canonical tags. Alt dette skal renderes server-side. Sekundært interaktivt indhold (kommentarer, dynamisk filtrering, personaliserede elementer) kan forblive client-side. Hybrid-arkitektur — server-side for SEO-kritisk, client-side for interaktivitet — er det optimale kompromis for moderne SEO.