Widok bota: co boty AI widzą na twojej stronie? Bot View

Większość botów AI nie wykonuje JavaScriptu. To, co doczytuje się dopiero w przeglądarce, dla nich nie istnieje. Widok bota pokazuje różnicę na jeden rzut oka.

1Co to jest?

Widok bota zestawia dwie wersje twojej strony obok siebie: po lewej HTML, który serwer dostarcza bez JavaScriptu (Raw HTML), po prawej strona, jaką widzisz w przeglądarce (Rendered DOM). Brakujące sekcje są oznaczone na czerwono.

2Dlaczego to ważne?

Odpowiedzi AI w ChatGPT, Claude czy Perplexity opierają się tylko na tekście, który boty naprawdę mogły przeczytać. Jeśli twoje menu, cennik czy FAQ docierają dopiero przez JavaScript, nie będą cytowane, choćby były świetne.

3Co sprawdza TagSpion

4Jak to naprawić

• Sprawdź sam: otwórz kod źródłowy (Ctrl+U) i poszukaj zdania z brakującej sekcji albo pobierz stronę przez curl jako bot.
• Generuj treść po stronie serwera: serwer wpisuje dane bezpośrednio do HTML zamiast doczytywać je JavaScriptem.
• Frameworki: włącz Server-Side Rendering (SSR) lub Static Site Generation (SSG), na przykład Next.js, Nuxt, SvelteKit. Istniejące single-page apps: prerendering najważniejszych stron.
• Ochrona przed botami: przepuszczaj zweryfikowane boty, Googlebot przez reverse DNS, OpenAI, Anthropic i Perplexity przez oficjalne listy IP.

# 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>