Come generare dati strutturati utilizzando JavaScript per il tuo sito Web di Google

I siti Web moderni utilizzano JavaScript per visualizzare molti contenuti dinamici. Ci sono diverse cose che vale la pena prestare attenzione quando si utilizza JavaScript per generare dati strutturati sul tuo sito. Questa leadership esamina le migliori pratiche e le strategie di implementazione. Se sei un principiante nel campo dei dati strutturati, leggi come funzionano i dati strutturati.

Esistono diversi modi per generare dati strutturati utilizzando JavaScript, ma i più comuni sono i seguenti:

Google Tag Manager
Utente JavaScript

Utilizzo della marcatura del prodotto? Tieni presente che la marcatura generata dinamicamente può strisciare meno frequente e meno affidabile, il che può diventare un problema per il contenuto in rapido cambiamento, come la disponibilità di beni e prezzi. Se sei un venditore che ottimizza tutti i tipi di risultati dei consumatori, assicurati che il tuo server abbia risorse di calcolo sufficienti per l'elaborazione di un aumento del traffico da Google.

Utilizzo di Google Tag Manager per la generazione dinamica JSON-LD sul tuo sito Web di Google

Google Tag Manager è una piattaforma che ti consente di controllare i tag sul tuo sito senza il codice di modifica. Per generare dati strutturati utilizzando Google Tag Manager, seguire i seguenti passaggi:

Imposta e installa Google Tag Manager sul tuo sito.
Aggiungi un nuovo tag utente al contenitore.
Inserire il blocco supportato di dati strutturati nel contenuto del tag.
Installare il contenitore come mostrato nella sezione "Installazione di Google Tag Manager" nel menu di amministrazione del contenitore.
Per aggiungere un tag al tuo sito, pubblica un contenitore tramite l'interfaccia di Google Tag Manager.
Metti alla prova l'implementazione.

Utilizzo delle variabili di Google Tag Manager per il tuo sito Google

Google Tag Manager (GTM) supporta l'uso di variabili per estrarre informazioni dalla pagina e aggiungerle ai dati strutturati. Utilizzare le variabili per estrarre dati strutturati dalla pagina per evitare la duplicazione delle informazioni in GTM. La duplicazione dei dati in GTM aumenta il rischio di incoerenze tra il contenuto della pagina e i dati strutturati aggiunti utilizzando GTM.

Ad esempio, è possibile creare dinamicamente un blocco JSON-LD per la ricetta utilizzando il nome della pagina come nome della ricetta, creando la seguente variabile utente denominata Recipe_Name:

function() { return document.title; }

Quindi puoi usare recipe_name nel tuo utente -tag.

Si consiglia di creare variabili per la raccolta di tutte le informazioni necessarie dalla pagina utilizzando le variabili.

Ecco un esempio di contenuto dell'utente -Tha:

Nota: l'esempio precedente suggerisce di aver determinato le variabili Recipe_Name, Recipe_Image e Recipe_Author in GTM.

Generazione di dati strutturati utilizzando JavaScript User per il tuo sito Web di Google

Un altro modo per generare dati strutturati è utilizzare JavaScript per generare tutti i dati strutturati o per aggiungere ulteriori informazioni ai dati strutturati del server-bandom. In ogni caso, la ricerca di Google può comprendere ed elaborare dati strutturati disponibili in DOM durante il rendimento della pagina. Per saperne di più su come Google Search elabora JavaScript, leggi la leadership JavaScript.

Ecco un esempio di dati strutturati generati usando JavaScript:

Trova il tipo di dati strutturati che ti interessa.
Modifica il tuo sito per abilitare il frammento JavaScript, ad esempio:

fetch('https://api.example.com/recipes/123')
 .then(response => response.text())
 .then(structuredDataText => {
 const script = document.createElement('script');
 script.setAttribute('type', 'application/ld+json');
 script.textContent = structuredDataText;
 document.head.appendChild(script);
 });

Prova l'implementazione utilizzando lo strumento di test dei risultati ricchi.

Utilizzando il rendering del server per il tuo sito Google

Se si utilizza il rendering del server, è possibile includere anche dati strutturati in un output del rendente. Dai un'occhiata alla documentazione del framework per scoprire come generare JSON-LD per il tipo di dati strutturati che ti interessa.

Come testare l'implementazione per il tuo sito in Google

Per assicurarsi che la ricerca di Google possa indicizzare ed elaborare i dati strutturati, testare l'implementazione:

Apri lo strumento di test dei risultati ricchi.
Inserisci l'URL che vuoi testare. Si consiglia di utilizzare l'input URL, non la voce del codice, poiché possono esserci restrizioni JavaScript (ad esempio restrizioni CORS) quando si utilizza il codice INPAT.
Fai clic su Test URL.

Successo: Se hai fatto tutto nel modo giusto e il tuo tipo di dati strutturati è supportato nello strumento, vedrai il messaggio "La pagina è adatta per i risultati avanzati". Se si sta testando il tipo di dati strutturati che non sono supportati nello strumento Rich Results, controllare la reputazione. Se il rendering contiene dati strutturati, Google Search sarà in grado di elaborarli.

Riprova: Se vedi errori o avvertimenti, molto probabilmente è un errore sintattico o una proprietà mancante. Dai un'occhiata alla documentazione per il tipo di dati strutturati e assicurati di aver aggiunto tutte le proprietà necessarie. Se il problema viene salvato, contattare anche il problema JavaScript di risolvere i problemi per la ricerca.

È possibile contattare la società SEO "SEO.COMPUTER" su qualsiasi problema via e -mail info@seo.computer, WhatsApp +79202044461.

Id 146