Påvirker lazy loading AI-synlighed? Får blandede signaler om dette

Lad mig gennemgå hver type lazy loading.

1. Native lazy loading til billeder (loading=“lazy”):

<img src="image.jpg" loading="lazy" alt="Description">

Påvirkning: Generelt fint for AI-crawlere.

• Billed-URL er i HTML
• Crawlere kan se referencen
• De behøver ikke “rende” billedet for at vide det eksisterer

2. JavaScript lazy loading til billeder:

<img data-src="image.jpg" class="lazy">
// JS bytter data-src til src ved scroll

Påvirkning: Potentielt problematisk.

• Uden JS-udførelse er src tom
• Crawlere ser måske ikke billedet
• Brug loading=“lazy” i stedet

3. Intersection Observer til indhold:

observer.observe(element);
// Indlæser indhold når elementet er i viewport

Påvirkning: Problematisk for AI.

• AI-crawlere har ikke en “viewport”
• Scroller ikke eller udløser ikke intersection
• Indholdet bliver måske aldrig indlæst

4. Uendelig scroll:

Påvirkning: Meget problematisk.

• Indhold ud over første side er usynligt
• Crawlere scroller ikke for at udløse indlæsning
• Kun første side af indhold synlig

Hovedregel:

Hvis indhold kræver brugerinteraktion eller tilstedeværelse i viewport for at blive indlæst, vil AI-crawlere sandsynligvis ikke se det.

Performance vs AI-synlighed – kompromis.

Hvorfor vi bruger lazy loading:

• Hurtigere første indlæsning af siden
• Bedre Core Web Vitals
• Mindre båndbredde for brugere

Konflikten:

• Det der er godt for performance, kan skade AI-synlighed
• Især JS-afhængig lazy loading

Løsningsmetode:

Til billeder: Native lazy loading giver begge fordele. Brug det.

Til indhold: Server-render kritisk indhold. Lazy load kun:

• Indhold under folden
• Anbefalinger der ikke skal citeres
• UI-forbedringer der ikke påvirker indekserbart indhold

Prioritering:

Identificér det indhold du vil have AI til at citere. Det indhold skal være i den indledende HTML. Alt andet kan performanceoptimeres.

Praktisk eksempel:

Artikel-side:

• Artikeltekst: I HTML, altid (citeringsmål)
• Relaterede artikler: Kan lazy loades (ikke citeringsmål)
• Kommentarer: Kan lazy loades (ikke citeringsmål)
• Delingsknapper: Kan lazy loades (kun UI)

Hvad vi ved om AI-crawleres adfærd.

GPTBot:

• Basale HTTP-forespørgsler
• Minimal JavaScript-udførelse
• Følger links de kan se i HTML

ClaudeBot:

• Ligner GPTBot
• HTML-fokuseret crawling
• Begrænset dynamisk indholdshåndtering

PerplexityBot:

• Mere sofistikeret
• Nogle JavaScript-håndteringer
• Men stadig primært HTML-fokuseret

Fælles for alle:

• Ingen scrolling
• Ingen brugerinteraktions-simulering
• Tidsbegrænset behandling
• HTML-indhold prioriteres

Konsekvensen:

Indhold der kræver:

• Scrolling
• Klikinteraktion
• Udvidet JavaScript-udførelse
• Tilstedeværelse i viewport

…er sandsynligvis usynligt for disse crawlere.

Teststrategi:

1. Se sidekilde (ikke inspektion)
2. Er dit kritiske indhold der?
3. Hvis ikke, ser crawlere det ikke

Simpelt men afgørende.

Implementeringsanbefalinger.

For nye implementeringer:

Billeder:

<img src="image.jpg" loading="lazy" alt="Description">

Færdig. Native er bedst.

Indholdssektioner:

<div class="content">
  <!-- Fuldt indhold i HTML -->
  Komplet artikeltekst her
</div>

Lazy load kun visuelle forbedringer, ikke indhold.

Lister/grids:

<ul class="items">
  <li>Item 1</li>
  <li>Item 2</li>
  <!-- Mindst 10-20 elementer i HTML -->
</ul>
<a href="?page=2">Indlæs flere</a>

Første elementer i HTML, pagination for flere.

For eksisterende implementeringer:

Hvis du har JS-afhængig lazy loading:

1. Auditér hvilket indhold der er påvirket
2. Prioritér kritiske citeringsmål
3. Flyt dem til server-renderet
4. Behold lazy loading for ikke-kritisk indhold

Check:

Efter ændringer:

curl -s https://yoursite.com/page | grep "kritisk indholdssætning"

Hvis det er der, er du dækket ind.

Overvågningsperspektiv.

Sådan ser du om lazy loading skader dig:

1. Tjek Am I Cited-data

• Bliver sider med lazy loaded indhold citeret mindre?
• Sammenlign lignende sider med forskellige implementeringer

2. Manuel test

• Spørg AI om indhold fra lazy loaded sektioner
• Kender den informationen?
• Hvis ikke, er indholdet måske usynligt

3. Serverlogs

• Hvordan interagerer AI-crawlere med dit site?
• Får de komplette svar?

Hvad vi har set:

Sites med meget lazy loading (især uendelig scroll):

• 40-60% mindre indhold synligt for AI
• Lavere citeringsrate for det indhold
• Løst efter SSR/pagination

Sites med kun billede-lazy loading:

• Ingen væsentlig påvirkning
• Native loading=“lazy” fungerer fint

Anbefaling:

Auditér, test, overvåg. Antag ikke at din implementering er fin. Verificér det.

Klart handlingsplan nu.

Hvad vi bevarer:

• Native lazy loading til billeder – ingen problemer

Hvad vi ændrer:

Intersection Observer-sektioner:

• Flytter kritisk indhold til indledende HTML
• Lazy loader kun UI-forbedringer

Uendelige scroll-sider:

• Tilføjer pagination
• Første 20 elementer i HTML
• “Indlæs flere”-knap til yderligere

Testmetode:

1. Curl sider efter ændringer
2. Verificér kritisk indhold i HTML
3. Overvåg AI-synlighed med Am I Cited
4. Sammenlign citeringsrater før/efter

Princippet: Indhold vi vil have AI til at citere = altid i HTML Alt andet = kan performanceoptimeres

Tak for den tekniske klarhed!