Kunnen Google en AI-zoekmachines een prijsmerkelijke pagina in alleen JavaScript lezen?

Kunnen Google en AI-zoekmachines een prijsmerkelijke pagina in alleen JavaScript lezen?

Google kan JavaScript-achtige prijzenpagina's lezen, maar je moet alsnog plannamen, prijzen en belangrijke limieten opnemen in de initiële HTML van de pagina. Google's rendering kan worden vertraagd of onvolledig zijn, en Google waarschuwt dat niet alle bots JavaScript kunnen uitvoeren.

Het risico is niet dat Google geen JavaScript kan uitvoeren

Google gebruikt een moderne versie van Chromium om JavaScript te renderen. Maar het verwerkt pagina's in fasen: het haalt eerst de pagina op, rendert deze vervolgens en gebruikt daarna de gerenderde inhoud voor indexering. Google zegt dat een pagina seconden of langer in de wachtrij voor rendering kan staan. Als een script of paginabron geblokkeerd is—of als het script de prijsgegevens niet laadt—ziet Google mogelijk niet de inhoud die jij in je browser ziet. Google's JavaScript SEO-gids en JavaScript-gids voor probleemoplossing leggen deze limieten uit. (developers.google.com)

Dat brengt een bedrijfsrisico met zich mee: je prijzenpagina kan er voor een bezoeker volledig uitzien, maar een crawler een lege schil of onvolledige plandetails geven. Als een prijs of gebruikslimiet ontbreekt in de gerenderde versie van Google, zegt Google dat het die ontbrekende inhoud niet kan indexeren. De AI-functies van Google vertrouwen ook op dezelfde kern-SEO-fundamenten, waaronder het hebben van een geïndexeerde pagina en het beschikbaar maken van belangrijke inhoud als tekst. (developers.google.com)

AI-zoekmachines voegen nog een reden toe om niet van één rendering-setup afhankelijk te zijn. Google zegt dat sommige bots geen JavaScript kunnen uitvoeren, terwijl OpenAI OAI-SearchBot aanwijst als de crawler die wordt gebruikt om websites weer te geven in ChatGPT Search. Ga er niet van uit dat elk zoekopdrachtsysteem een pagina op dezelfde manier ziet als de browser van een klant. Google's JavaScript SEO-gids OpenAI's crawler-documentatie. (developers.google.com)

Rangschik de oplossingen: initiële HTML wint

1. Beste optie: Plaats de plannamen, prijzen, betalingsvoorwaarden en belangrijkste limieten in de initiële HTML. De pagina moet deze feiten verzenden voordat de browser JavaScript uitvoert.
2. Vervolgens: Gebruik JavaScript voor interacties. Laat dit dingen afhandelen zoals een maandelijkse/jaarlijkse schakelaar of een aanmeldknop.
3. Vertrouw niet alleen op een browsercontrole. Het zien van de prijzen op je laptop bewijst dat je browser ze heeft geladen. Het toont niet wat Google of een andere crawler heeft ontvangen.

Deze aanpak is een kleine, gerichte oplossing voor veel SaaS-sites. Je hoeft niet elke pagina opnieuw te ontwerpen of speciale "AI"-opmaak toe te voegen. Google zegt dat zijn AI-functies geen extra technische vereisten of speciale schema's hebben; het advies is om dezelfde SEO-basisprincipes te volgen en belangrijke inhoud beschikbaar te maken als tekst. Google's handleiding voor AI-functies. (developers.google.com)

Een pagina met drie plannen: het risico in geld en uren

Stel dat een SaaS-bedrijf van drie personen een marketingwebsite van 30 pagina's heeft. De prijzenpagina krijgt volgens Search Console 120 organische klikken per maand. De pagina toont pas drie plannen nadat JavaScript is uitgevoerd:

Dit zijn voorbeeldprijzen en -limieten; gebruik je werkelijke aanbod. Het punt is dat de pagina deze details in tekst moet weergeven—en niet alleen moet tekenen nadat een script is uitgevoerd. Als een crawler het Team-plan van €49 of de limiet van 5 stoelen mist, begrijpt deze het aanbod mogelijk niet goed genoeg om de pagina te matchen met zoekopdrachten over die prijs of limiet. Dat is een vindbaarheidsrisico, geen bewering dat een ontbrekende prijs gegarandeerd verloren rankings betekent.

Hier is een eenvoudige kostenberekening. Als één klant die voor het plan van €49 zou hebben gekozen, dit niet vindt of begrijpt, is dat €588 aan abonnementsomzet over 12 maanden. Dat is rekenkundig, geen prognose. Reserveer voor een voorbeeldimplementatiebudget 30 minuten voor de oprichter om de exacte plancopy te bevestigen en twee ontwikkelaarsuren voor de paginawijziging en controle. Tegen een veronderstelde interne ontwikkelaarskosten van €100 per uur, is dat €200 aan tijd.

De oplossing is van toepassing op één prijzenpagina, niet op alle 30 pagina's. Voor dit voorbeeld is dat een redelijk bedrag: plaats het daadwerkelijke aanbod in de eerste reactie en laat JavaScript vervolgens de interactieve onderdelen toevoegen.

De overdracht aan de ontwikkelaar in één zin

Zorg ervoor dat de server de plannamen, prijzen, betalingsvoorwaarden en belangrijkste limieten meestuurt in het eerste antwoord van de pagina, zodat ze aanwezig zijn voordat de browser JavaScript uitvoert.

Zorg ervoor dat dezelfde feiten zichtbaar zijn op de pagina en in de initiële HTML, zodat klanten en crawlers geen tegenstrijdige prijzen krijgen.

Controleer de gerenderde pagina in Google Search Console

Inspecteer deze week de URL van de prijzenpagina in Search Console:

1. Plak de volledige URL van de prijzenpagina in de zoekbalk van Search Console.
2. Klik op URL testen (Test live URL).
3. Klik op Geteste pagina weergeven (View tested page).
4. Open het tabblad HTML en zoek naar elke plannaam, prijs, factureringsperiode en belangrijkste limiet.

De helppagina van Google bevestigt dat Geteste pagina weergeven de gerenderde HTML toont; de live test kan ook een screenshot van de gerenderde pagina tonen. Google's instructies voor het weergeven van de gerenderde broncode. (support.google.com)

Als de screenshot de kaarten toont, maar de tekst ontbreekt in de HTML, heeft de pagina de initiële HTML-correctie nodig. Als de gerenderde HTML alle drie de plannen en hun voorwaarden bevat, kan Google die details zien in die test. Dit controleert de rendering van Google; het vertelt je niet hoe elke AI-crawler met de pagina omgaat.

Wie het publiceren van exacte prijzen moet overslaan: een SaaS die opzettelijk alleen plannen met een aangepaste prijs voor ondernemingen verkoopt. Plaats in plaats daarvan "Aangepaste prijzen" en een duidelijk verkoopcontactpunt in de initiële HTML.

**Je volgende actie deze week: voer een URL-inspectie uit op je prijzenpagina en doorzoek de gerenderde HTML op alle drie de plannamen, prijzen en limieten.