Lazy Loading

Waarschijnlijk eerder dan verwacht, Google heeft een eerste versie van de
Lazy Loading SEO Help Guide’ uitgebracht.
Martin Splitt van Google deelde het nieuws op Twitter en zei “wanna get
a glimpse on the first version of the lazy-loading SEO docs we’ve been brewing?”

De eerste versie van het document is nog vrij kort en zal vast nog wel worden
uitgebreid door Google. Voor nu staan er enkele tips in die ervoor zorgen
dat ook webpagina’s met een Lazy Loading gevonden worden in de
zoekindex van Google.

Kort samengevat is dit het advies van Google:

Content laden wanneer het
zichtbaar is in de viewport
:

Dit zorgt ervoor dat Googlebot alle inhoud op de pagina ziet.
Je kunt hiervoor IntersectionObserver API en polyfill gebruiken.

Wat is viewport?

Viewport is een term voor het zichtbare deel van de website
op een device. Het is een manier om je lay-out passend te maken
op het device welke je bezoeker gebruikt.

Ondersteuning van
infinite scrollen:

Om infinite scrollen te ondersteunen, heeft Google een unieke
koppeling gemaakt naar elke sectie die bezoekers direct kunnen
delen en laden.

Google kan hiermee een link naar een specifiek punt in de inhoud
weergeven in plaats van de bovenkant van een oneindige scrolpagina.

Om gepagineerd laden te ondersteunen, heb je een unieke
koppeling naar elke sectie die gebruikers rechtstreeks kunnen
delen en laden. Google raadt aan de geschiedenis-API te
gebruiken om de URL bij te werken wanneer de inhoud dynamisch
wordt geladen.

Wat is infinite scrollen?

Onderaan de pagina van Google staan de pagina’s in cijfers
aangegeven zodat je weet waar je bent, dit heeft pagination.
Met infinite scrollen is het niet meer nodig om te klikken op een
paginanummer. Je kunt als bezoeker oneindig door scrollen.

Even testen

Nadat je de implementatie hebt ingesteld, is het handig eerst
te controleren of het ook allemaal goed werkt.
Je kunt hiervoor het Puppeteer script gebruiken.

Google versie
De eerste versie van de release van de Google lazy load kan hier lezen.