Hvad er IntersectionObserver pitfalls?
IntersectionObserver pitfalls henviser til de typiske fejl og faldgruber, som kan opstå ved brug af JavaScript API’en IntersectionObserver til at registrere, når et DOM-element bliver synligt i browserens viewport. For SEO betyder disse fejl, at indhold eller funktioner baseret på lazy loading eller dynamisk visning ikke altid bliver korrekt indekseret eller vist for brugere og søgemaskiner.
Hvornår bruges det?
IntersectionObserver bruges ofte af SEO-specialister og udviklere til at implementere lazy loading af billeder, uendelig scroll eller indlæsning af indhold kun, når det bliver synligt. Når denne teknik bruges forkert, kan vigtige elementer som billeder, tekstafsnit eller interne links ikke blive indlæst, før brugeren scroller – hvilket kan gøre dem usynlige for Googlebot og andre søgemaskiner, der ikke altid “scroller” som en rigtig bruger. Det kan resultere i manglende indeksering og lavere synlighed i søgeresultaterne.
Eksempel: En webshop bruger IntersectionObserver til kun at vise produktbeskrivelser, når brugeren scroller til dem. Da Googlebot ikke scroller, bliver beskrivelserne aldrig indlæst for søgemaskinen, hvilket betyder, at siderne fremstår tynde eller mangelfulde i Googles indeks.
Typiske fejl
- Vigtige SEO-elementer vises kun ved scroll og bliver ikke indlæst server-side.
- Lazy loading af billeder uden fallback for søgemaskiner, så billeder ikke kan indekseres.
- Manglende test af, hvordan indhold præsenteres for både brugere og bots.
Relaterede begreber: Lazy loading, render-blocking scripts, Dynamic rendering
