Botweergave: wat zien AI-bots op je pagina? Bot View

De meeste AI-bots voeren geen JavaScript uit. Wat pas in de browser wordt nageladen, bestaat voor hen niet. De botweergave toont je het verschil in één oogopslag.

1Wat is het?

De botweergave zet twee versies van je pagina naast elkaar: links de HTML die je server zonder JavaScript levert (Raw HTML), rechts de pagina zoals jij die in de browser ziet (Rendered DOM). Ontbrekende delen worden rood gemarkeerd.

2Waarom belangrijk?

AI-antwoorden in ChatGPT, Claude of Perplexity bouwen alleen op tekst die de bots echt konden lezen. Komt je menukaart, prijslijst of FAQ pas via JavaScript, dan wordt ze niet geciteerd, hoe goed ze ook is.

3Wat TagSpion controleert

4Zo los je het op

• Zelf testen: broncode openen (Ctrl+U) en zoeken naar een zin uit het ontbrekende deel, of met curl als bot ophalen.
• Inhoud serverzijdig uitgeven: de server schrijft de data direct in de HTML in plaats van ze via JavaScript na te laden.
• Frameworks: Server-Side Rendering (SSR) of Static Site Generation (SSG) inschakelen, bijvoorbeeld Next.js, Nuxt, SvelteKit. Bestaande single-page apps: prerendering voor de belangrijkste pagina's.
• Botbescherming: geverifieerde bots doorlaten, Googlebot via reverse DNS, OpenAI, Anthropic en Perplexity via hun officiële IP-lijsten.

# What arrives without JavaScript? (user agent like an AI bot)
curl -s -A "GPTBot" https://www.example.com/page/ | grep -c "Tagliatelle"

<!-- before: empty container, JavaScript fills it -->
<div id="menu"></div>

<!-- after: PHP outputs the text directly -->
<ul id="menu">
<?php foreach ($dishes as $d): ?>
  <li><?= htmlspecialchars($d['name']) ?> <?= $d['price'] ?> €</li>
<?php endforeach; ?>
</ul>