"Hydration" er et begrep mange nettsideutviklere kjenner godt, men som sjelden når frem til dem som faktisk eier og driver nettsiden. Likevel kan det ha reell betydning for hvor godt siden din blir indeksert av Google. Her er hva du bør vite.
Hva er egentlig hydration?
Enkelt forklart er hydration prosessen der JavaScript "gjør levende" en side som allerede er ferdig bygget av serveren. Serveren sender først komplett HTML – teksten, bildene og layouten er der og synlig med en gang. Deretter tar rammeverket over, går gjennom HTML-en og kobler på funksjonalitet: klikk, menyer, skjemaer og alt annet som skal reagere på brukeren.
Det viktige poenget er dette: hydration legger ikke til nytt innhold på siden. Alt innhold har allerede kommet fra serveren. Hydration legger kun til atferd.
Når blir det et SEO-problem?
I de fleste tilfeller er hydration helt ufarlig for SEO. Problemer oppstår først når det serveren sendte ut, og det nettleseren til slutt viser, ikke stemmer overens. Vanlige årsaker er:
- Bruk av nettleser-spesifikke funksjoner som
localStorage, som serveren ikke har tilgang til - Verdier som endrer seg mellom server og nettleser, for eksempel tidsstempler generert med
new Date() - Tredjepartsskript eller nettleserutvidelser som endrer siden før hydration er ferdig
- Ugyldig HTML som nettleseren automatisk retter opp, og som skaper en annen struktur enn det serveren opprinnelig sendte
Når slikt skjer, forkaster rammeverket den "feilaktige" delen og bygger den på nytt i nettleseren. Det kan gi tregere sider, hakkete layout som hopper rundt (dårlig for Core Web Vitals-målet Cumulative Layout Shift), og – i verste fall – knapper og lenker som rett og slett ikke virker. Det alvorligste for SEO er at Google i noen tilfeller kan indeksere versjonen serveren opprinnelig sendte, altså en versjon de faktiske besøkende aldri ser.
Hvordan sjekke om dette gjelder din side
Du trenger ikke være utvikler for å gjøre en enkel sjekk:
- Se etter advarsler om "hydration" i utviklerkonsollen i nettleseren
- Se om siden "hopper" eller flimrer rett etter at den laster
- Bruk URL-inspeksjon i Google Search Console for å se hvordan Google faktisk oppfatter siden
- Crawl siden med verktøy som Screaming Frog eller Sitebulb i JavaScript-modus, og sammenlign med rå HTML
Nyere rammeverk reduserer risikoen
Moderne rammeverk som Astro og Qwik bruker teknikker som delvis hydration og "resumability" for å redusere mengden JavaScript som må lastes og kjøres i nettleseren – noe som i praksis reduserer sjansen for denne typen mismatch. Men uansett rammeverk er hovedregelen den samme: hydration er sjelden et problem i seg selv. Det er avviket mellom det Google ser og det brukeren ser som er verdt å følge med på.
Er du usikker på om nettsiden din har denne typen tekniske SEO-utfordringer? Ta en gratis SEO-sjekk hos QPMedia, så finner vi ut av det sammen.