GPTBot och PerplexityBot läser din råa HTML och hoppar helt över din JavaScript. Beacon renderar din sida i en verklig headless-webbläsare och visar dig exakt det innehåll — och de nyckelord — som AI-motorer aldrig ser.
AI-crawlers som GPTBot (OpenAI / ChatGPT), PerplexityBot, ClaudeBot och Amazonbot begär din URL och tolkar den råa HTML som kommer tillbaka — samma bytes du skulle se med ”Visa källa”. De startar ingen webbläsarmotor och kör inte dina skript. Så en single-page-app som skickar en nästan tom rot-div och injicerar allt sitt verkliga innehåll med JavaScript ser komplett ut för en människa och tom ut för en bot. Du kan ranka på Google, se perfekt ut för besökare och ändå vara osynlig för de AI-motorer som dina köpare ber om rekommendationer.
Vi hämtar din sidas statiska HTML som en crawler utan rendering gör, laddar samma URL i en verklig headless-webbläsare för att fånga den renderade DOM:en och jämför sedan de två — och rapporterar andelen innehåll som bara finns efter att JavaScript körts, de exakta nyckelord som saknas i den statiska versionen och ditt renderingsläge (serverrenderad, hybrid eller klientrenderad) så att du direkt vet hur exponerad du är.
Åtgärden bygger alltid på samma princip: få in ditt viktiga innehåll i den HTML som servern skickar, innan någon JavaScript körs — via serverrendering, statisk generering eller dynamisk rendering för botar. Som ett minimum, se till att rubriker, brödtext, priser och FAQ-svar finns i den statiska HTML:en istället för att hämtas och injiceras av klient-JavaScript.
Nästan ingen av dem gör det. GPTBot (ChatGPT/OpenAI), PerplexityBot, ClaudeBot, Amazonbot och de flesta andra AI-crawlers hämtar din råa HTML och tolkar den som den är. De startar ingen webbläsarmotor för att köra din JavaScript, så allt innehåll som injiceras av JS efter laddning är i praktiken osynligt för dem.
En render gap är skillnaden mellan din statiska HTML (vad AI-crawlers laddar ner) och din JavaScript-renderade DOM (vad en människa i en webbläsare ser). Beacon uttrycker den som andelen synligt innehåll och uppsättningen nyckelord som bara finns efter att JavaScript körts. En stor render gap betyder att AI-motorer läser en nästan tom sida.
Det beror på hur du renderar. En ren klientsides-React-app (t.ex. Vite SPA eller create-react-app) skickar ett nästan tomt HTML-skal och bygger allt med JS — det är en maximal render gap. Next.js, Remix, Astro och liknande ramverk kan serverrendera eller statiskt generera sidor, vilket stänger gapet — men bara för de routes du faktiskt konfigurerar så. Beacon kontrollerar den verkliga utdatan istället för att anta.
Flytta ditt viktiga innehåll till den HTML som servern skickar. Huvudalternativen är serverrendering (SSR), statisk webbplatsgenerering (SSG / förrendering vid byggtid) och dynamisk rendering, där du serverar en förrenderad HTML-ögonblicksbild till botar. Som ett minimum, se till att rubriker, brödtext, priser och FAQ-svar finns i den statiska HTML:en istället för att hämtas och injiceras av klient-JavaScript.
Mestadels ja — Googlebot kör en modern renderingsmotor och kommer att köra din JavaScript i ett andra svep, så klientrenderat innehåll kan fortfarande ranka (även om rendering är långsammare och kan skjutas upp). Den avgörande skillnaden är AI-sökning: GPTBot, PerplexityBot och de flesta LLM-crawlers renderar inte JavaScript alls. Så du kan klara en Google JS-SEO-kontroll och ändå vara osynlig för ChatGPT och Perplexity.
Gratis konto — klassificering av renderingsläge, nyckelorden botar missar och hur du stänger gapet.