Serveer de essentiële inhoud in de HTML, zonder op JavaScript te wachten
Beschrijving
Dit criterium controleert wat een crawler leest die geen JavaScript uitvoert. iPand vergelijkt de HTML die je server verstuurt met de pagina zoals die getoond wordt nadat de scripts zijn uitgevoerd, met dezelfde extractor.
De ruwe HTML moet al het volgende bevatten: de titel (en de H1 als de pagina er een heeft), minstens 80% van de woorden van de hoofdtekst, minstens 80% van de interne links, dezelfde typen gestructureerde gegevens in JSON-LD, en de zichtbare contactgegevens: telefoon, e-mail of adres.
Waarom dit belangrijk is voor AI
Google zegt het zelf: niet alle crawlers kunnen JavaScript uitvoeren. Zelfs Google, dat het wel doet, zet pagina’s in een wachtrij voordat het ze rendert, en dat kan tijd kosten. Inhoud die in de geserveerde HTML staat, is leesbaar voor elke crawler die de pagina bezoekt, al bij het eerste bezoek.
- Tekst die een script toevoegt, kan onzichtbaar blijven voor crawlers die geen scripts uitvoeren: de pagina lijkt voor hen leeg of onvolledig.
- Google ontdekt alleen links die als <a>-element met een href-attribuut geschreven zijn; een knop die via een script naar een andere pagina gaat, wordt niet gevolgd.
- Voor zijn AI-functies raadt Google aan belangrijke inhoud als tekst beschikbaar te maken.
Zo los je het op
- 1 Render de hoofdtekst op de server Is je site een JavaScript-applicatie (React, Vue, Angular…)? Zet dan server-side rendering aan, of prerendering van de pagina’s bij het publiceren: de server verstuurt dan een pagina die al gevuld is. De belangrijkste frameworks bieden dat aan. Dit punt weegt het zwaarst in het criterium.
- 2 Zet de titel en de H1 in de HTML De <title>-tag en de H1-kop moeten in de HTML staan die de server verstuurt. Ze mogen niet na het laden door een script worden toegevoegd.
- 3 Serveer links als a href-links Navigatielinks en links naar je interne pagina’s moeten elementen <a href="…"> zijn die in de HTML staan. Een knop of klikbaar element dat via een script naar een andere pagina gaat, is voor een crawler geen link.
- 4 Zet de JSON-LD en de contactgegevens in de geserveerde HTML Schrijf de blokken <script type="application/ld+json"> direct in de HTML, in plaats van ze met een tagmanager in te voegen. Doe hetzelfde voor telefoon, e-mail en adres: als tekst op de pagina, niet geladen door een widget.
- 5 Vergelijk met en zonder JavaScript Bekijk de broncode van de pagina (Ctrl+U in de meeste browsers) of schakel JavaScript uit, en controleer dan of de tekst, de links, de JSON-LD en de contactgegevens erin staan. Dat is wat een crawler leest die geen scripts uitvoert.
In het kort
Wat pas verschijnt nadat de scripts zijn uitgevoerd, kan voor een deel van de crawlers onzichtbaar blijven. Serveer alles wat AI-assistenten moeten lezen in de HTML: titel, tekst, links, gestructureerde gegevens en contactgegevens.
