Google e la ricerca basata su IA possono leggere una pagina dei prezzi basata solo su JavaScript?

Google e la ricerca basata su IA possono leggere una pagina dei prezzi basata solo su JavaScript?

Google è in grado di leggere le pagine dei prezzi basate solo su JavaScript, ma dovresti comunque inserire i nomi dei piani, i prezzi e i limiti chiave nell'HTML iniziale della pagina. Il rendering di Google può essere ritardato o incompleto e Google avverte che non tutti i bot possono eseguire JavaScript.

Il rischio non è che Google non sappia eseguire JavaScript

Google utilizza una versione moderna di Chromium per eseguire il rendering di JavaScript. Tuttavia, elabora le pagine per fasi: prima recupera la pagina, poi ne esegue il rendering e infine utilizza il contenuto di cui è stato fatto il rendering per l'indicizzazione. Google afferma che una pagina può rimanere in coda per il rendering per secondi o più. Se uno script o una risorsa della pagina viene bloccato, oppure se lo script non riesce a caricare i dettagli dei prezzi, è possibile che Google non veda il contenuto che visualizzi nel tuo browser. La guida alla SEO per JavaScript di Google e la guida alla risoluzione dei problemi di JavaScript spiegano questi limiti. (developers.google.com)

Ciò crea un rischio aziendale: la tua pagina dei prezzi può sembrare completa a un visitatore, ma restituire a un crawler una struttura vuota o dettagli sui piani incompleti. Se manca un prezzo o un limite di utilizzo nella versione di cui Google ha fatto il rendering, Google afferma di non poter indicizzare quel contenuto mancante. Anche le funzioni di intelligenza artificiale di Google si basano sulle stesse fondamenta SEO principali, inclusa la presenza di una pagina indicizzata e di contenuti importanti disponibili come testo. (developers.google.com)

La ricerca basata su IA aggiunge un ulteriore motivo per non dipendere da un'unica configurazione di rendering. Google afferma che alcuni bot non possono eseguire JavaScript, mentre OpenAI identifica OAI-SearchBot come il crawler utilizzato per mostrare i siti Web in ChatGPT Search. Non dare per scontato che ogni sistema di ricerca veda una pagina nello stesso modo in cui fa il browser di un cliente. Guida alla SEO per JavaScript di Google Documentazione sui crawler di OpenAI. (developers.google.com)

Classifica delle correzioni: l'HTML iniziale vince

1. La scelta migliore: inserisci i nomi dei piani, i prezzi, i termini di fatturazione e i limiti chiave nell'HTML iniziale. La pagina dovrebbe inviare tali dati prima che il browser esegui JavaScript.
2. Successivamente: usa JavaScript per le interazioni. Lascia che gestisca elementi come un interruttore mensile/annuale o un pulsante di registrazione.
3. Non affidarti solo a un controllo del browser. Vedere i prezzi sul tuo portatile dimostra che il tuo browser li ha caricati. Non mostra ciò che Google o un altro crawler ha ricevuto.

Questo approccio è una correzione piccola e mirata per molti siti SaaS. Non è necessario ricostruire ogni pagina o aggiungere markup "IA" speciali. Google afferma che le sue funzionalità di intelligenza artificiale non hanno requisiti tecnici aggiuntivi o uno schema speciale; la sua linea guida è seguire le stesse basi SEO e rendere i contenuti importanti disponibili come testo. Guida alle funzionalità di IA di Google. (developers.google.com)

Una pagina con tre piani: il rischio in dollari e ore

Supponiamo che un'azienda SaaS di tre persone abbia un sito di marketing di 30 pagine. La sua pagina dei prezzi riceve 120 clic organici al mese, secondo Search Console. La pagina mostra tre piani solo dopo l'esecuzione di JavaScript:

Questi sono prezzi ed esempi indicativi; usa la tua offerta effettiva. Il punto è che la pagina deve esporre questi dettagli in formato testo, non solo disegnarli dopo l'esecuzione di uno script. Se un crawler perde il piano Team da $49 o il suo limite di 5 utenti, potrebbe non comprendere l'offerta abbastanza bene da abbinare la pagina alle ricerche relative a quel prezzo o limite. Questo è un rischio di discoverability, non la garanzia che la mancanza di un prezzo comporti la perdita di posizioni nel ranking.

Ecco un semplice controllo dei costi. Se un cliente che avrebbe scelto il piano da $49 non lo trova o non lo comprende, si tratta di $588 di entrate da abbonamento in 12 mesi. Questa è matematica, non una previsione. Per un budget di implementazione di esempio, metti da parte 30 minuti affinché il fondatore confermi il testo esatto del piano e due ore di sviluppo per la modifica della pagina e il controllo. Con un costo di sviluppo interno stimato a $100 all'ora, si tratta di $200 in termini di tempo.

La correzione si applica a una pagina dei prezzi, non a tutte e 30 le pagine. Per questo esempio, si tratta di un investimento sensato: inserire l'offerta effettiva nella prima risposta, per poi lasciare che JavaScript aggiunga le parti interattive.

La consegna al developer in una frase

Fai in modo che il server invii i nomi dei piani, i prezzi, i termini di fatturazione e i limiti chiave nella prima risposta della pagina, in modo che siano presenti prima che il browser esegua JavaScript.

Mantieni le stesse informazioni nella pagina visibile e nell'HTML iniziale, in modo che clienti e crawler non ricevano prezzi in conflitto tra loro.

Controlla la pagina di cui è stato fatto il rendering in Google Search Console

Questa settimana, ispeziona l'URL dei prezzi in Search Console:

1. Incolla l'URL completo della pagina dei prezzi nella barra di ricerca di Search Console.
2. Clicca su Testa URL dal vivo.
3. Clicca su Visualizza pagina di cui è stato fatto il rendering.
4. Apri la scheda HTML e cerca ciascun nome di piano, prezzo, periodo di fatturazione e limite chiave.

La guida di supporto di Google conferma che Visualizza pagina di cui è stato fatto il rendering mostra l'HTML sottoposto a rendering; il test dal vivo può anche mostrare uno screenshot della pagina di cui è stato fatto il rendering. Istruzioni di Google per la visualizzazione del codice sorgente di cui è stato fatto il rendering. (support.google.com)

Se lo screenshot mostra le schede ma l'HTML non contiene il testo, la pagina richiede la correzione dell'HTML iniziale. Se l'HTML sottoposto a rendering contiene tutti e tre i piani e i relativi termini, Google può vedere tali dettagli in quel test. Questo verifica il rendering di Google; non ti dice come ogni crawler di IA gestirà la pagina.

Chi dovrebbe evitare di pubblicare prezzi esatti: un'azienda SaaS che vende intenzionalmente solo piani aziendali a prezzo personalizzato. Inserisci invece "Prezzi personalizzati" e un percorso di contatto commerciale chiaro nell'HTML iniziale.

**La tua prossima azione questa settimana: esegui l'ispezione dell'URL sulla tua pagina dei prezzi e cerca nell'HTML sottoposto a rendering tutti e tre i nomi dei piani, i prezzi e i limiti.