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

I siti Web moderni utilizzano attivamente JavaScript per visualizzare contenuti dinamici. Quando si utilizza JavaScript per creare dati strutturati sul tuo sito Web, ci sono diversi punti a cui dovresti prestare attenzione. Questo manuale discute le migliori pratiche e le strategie di implementazione.

Se stai appena iniziando a lavorare con i dati strutturati, puoi familiarizzare con il modo in cui questi dati funzionano nel motore di ricerca di Google.

Esistono diverse opzioni per generare dati strutturati utilizzando JavaScript, ma i più popolari sono: quanto segue:

• Google Tag Manager
• Castle JavaScript

Se si utilizza la marcatura per i prodotti, tieni presente che la marcatura generata dinamicamente può ridurre la frequenza e l'accuratezza dell'indicizzazione dei prodotti nei motori di ricerca, il che è particolarmente importante per i dati in rapido cambiamento, come la disponibilità di merci e il suo prezzo. Se sei un venditore che ottimizza tutti i tipi di risultati commerciali, assicurati che il tuo server sia in grado di far fronte a un carico aumentato da Google.

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

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

• Imposta e installa Google Tag Manager sul tuo sito.
• Aggiungi un nuovo utente -tag al contenitore.
• Inserire il blocco supportato di dati strutturati nel contenuto del tag.
• Installare il contenitore come mostrato nel menu dell'amministratore del contenitore.
• Per aggiungere un tag al tuo sito, pubblica un contenitore nell'interfaccia di Google Tag Manager.
• Testare 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 dati dalla pagina e includerli in dati strutturati. L'uso di variabili evita la duplicazione delle informazioni in GTM, il che riduce il rischio di discrepanze tra il contenuto della pagina e i dati strutturati implementati utilizzando GTM.

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

 function() { return document.title; } 

Successivamente, puoi usare recipe_name nel tuo -tag personalizzato.

Si consiglia di creare variabili per raccogliere tutte le informazioni necessarie dalla pagina.

Ecco un esempio del contenuto del tag personalizzato:

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

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

Un altro metodo per generare dati strutturati è l'uso di JavaScript per generare tutti i tuoi dati o per aggiungere informazioni ai segni dei server. In ogni caso, Google può elaborare e comprendere i dati strutturati che sono presenti in DOM durante il rendimento della pagina. Per saperne di più su come Google elabora JavaScript, leggi la leadership JavaScript.

Un esempio di dati strutturati generati utilizzando JavaScript:

• Determina il tipo di dati strutturati che ti interessa.
• Modifica il tuo sito per abilitare il successivo frammento di JavaScript (consultare la documentazione del tuo CMS o del fornitore di hosting o contattare gli sviluppatori).

 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 i dati strutturati sul tuo sito Web di Google

Se si utilizza il rendering del server, è possibile includere anche dati strutturati nel risultato del rendering. Dai un'occhiata alla documentazione del framework per scoprire come generare JSON-LD per il tipo desiderato di dati strutturati.

Testare l'implementazione di dati strutturati per il tuo sito Web di Google

Per assicurarsi che Google possa indicizzare i dati strutturati, seguire i seguenti passaggi:

• Apri lo strumento di test dei risultati ricchi.
• Inserisci le pagine URL che desideri testare. Si consiglia di utilizzare l'input URL, non il codice, perché quando si utilizza il codice, possono verificarsi restrizioni (ad esempio, le restrizioni CORS).
• Fai clic su "Test URL".

Successo: Se hai fatto tutto correttamente e il tipo di dati strutturati è supportato nello strumento, vedrai la pagina "La pagina è idonea per i risultati ricchi". Se si verificano il tipo di dati strutturati che non sono supportati nel test dei risultati ricchi, controllare il rendering. Se contiene dati strutturati, Google sarà in grado di elaborarli.

Riprova: Se ci sono errori o avvertimenti, molto probabilmente si tratta di un errore sintattico o di una proprietà assente. Dai un'occhiata alla documentazione per il tipo di dati strutturati e assicurati di aver aggiunto tutte le proprietà necessarie. Se il problema non viene eliminato, controllare anche la guida per risolvere i problemi con JavaScript per la ricerca.

Se hai bisogno di aiuto per generare o testare i dati strutturati per il tuo sito, è possibile contattare la società SEO "SEO.COMPUER" per qualsiasi problema su e -mail info@seo.computer O tramite WhatsApp +79202044461.

Id 15