L'Assistente per il markup dei dati strutturati aiuta a eseguire il markup degli elementi della tua pagina web in modo che Google possa comprenderne i dati. Se Google comprende i dati della pagina più chiaramente, è in grado di presentarli nella Ricerca Google in modi nuovi e più accattivanti. Inoltre, se invii email in formato HTML ai tuoi clienti, l'Assistente per il markup può mostrarti come modificare i modelli email in modo che Gmail possa presentare i dati all'utente in modi nuovi e utili.
Apri l'Assistente per il markup dei dati strutturati
Esempi:
- Evento: se esegui il markup degli eventi presenti sul tuo sito, alla successiva scansione di Google, i dati degli eventi saranno disponibili per i rich snippet nelle pagine dei risultati di ricerca:
- Email: se ricevi un'email che contiene i markup delle tue prenotazioni di voli, Gmail può mostrare queste informazioni sul tuo client desktop o nei feed personali:
Se hai dubbi su come aggiungere un codice in un sito web, prova l'Evidenziatore di dati.
Se hai una buona formazione tecnica, leggi ulteriori informazioni sui dati strutturati e aggiungi manualmente il markup al tuo sito.
Eseguire il markup di una pagina web o delle email
Puoi eseguire il markup di elementi in una pagina web HTML o in un'email HTML.
Eseguire il markup di una pagina web
Di seguito è spiegato come eseguire il markup degli elementi di una pagina web.
- Apri l'Assistente per il markup dei dati strutturati.
- Seleziona la scheda Sito web.
- Scegli il tipo di pagina di cui vuoi eseguire il markup. Ad esempio, la pagina di un film o di un evento. Ogni pagina può contenere più elementi, ma è consigliabile che siano tutti dello stesso tipo (ad esempio, tutti film o tutti eventi).
- Inserisci l'URL di una pagina esistente o il codice HTML non elaborato di una pagina. Se utilizzi un URL, assicurati che la pagina sia disponibile a tutti senza eseguire l'accesso. Puoi verificare l'accesso alla pagina aprendo una finestra di navigazione in incognito in Chrome e provando a visitarla. Se riesci a raggiungerla, funziona.
- Seleziona Inizia la codifica.
- Evidenzia le parti della pagina che contengono informazioni importanti (ad esempio, l'ora di inizio di un evento) e identifica il tipo di informazione nel menu a discesa che viene visualizzato ("Ora di inizio").
- Se le stringhe per la data sono complesse o hai difficoltà a eseguire la codifica delle date, leggi la sezione Codifica avanzata delle date.
- Se devi aggiungere informazioni non visibili nella pagina, leggi la sezione Aggiungere i dati mancanti.
- Se devi rimuovere un tag generato dall'Assistente per il markup dei dati strutturati, leggi la sezione Rimuovere i tag.
- Assicurati di fornire tutte le informazioni richieste per il tipo di dati specifico. Nel riquadro Le mie voci di dati potrai vedere un elenco di tutti i valori possibili per ogni elemento, con quelli obbligatori opportunamente indicati. Ad esempio, per un evento devi fornire nome, località e data di inizio.
- Quando hai eseguito la codifica di tutti i dati appropriati della pagina, seleziona Crea HTML per generare il codice della pagina. Scegli un formato di output. L'impostazione predefinita è JSON-LD (secondo le preferenze di Google), ma puoi scegliere anche Microdati. Copia e incolla il codice dalla finestra di output o seleziona Scarica. La modalità di utilizzo del codice dipende dal formato:
- Per JSON-LD: copia e incolla il codice generato nel corpo della pagina esistente.
- Per Microdati: sostituisci la tua pagina con l'HTML generato.
- Verifica il codice generato copiandolo e incollandolo nel test dei risultati avanzati. Questo strumento ti informa dei campi mancanti necessari a Google per comprendere i dati della tua pagina. Per alcuni tipi di dati fornisce un'anteprima dell'aspetto della tua pagina nei risultati della Ricerca Google.
- Google può impiegare qualche settimana a trovare il nuovo codice della pagina. Se i tuoi dati sono stati sottoposti a scansione e sono completi e corretti, possono essere visualizzati sotto forma di risultati avanzati. Se non vengono mostrati risultati avanzati per il tuo sito, scopri le possibili cause.
Eseguire il markup di un'email
Di seguito è spiegato come eseguire il markup di un'email in formato HTML:
- Apri l'Assistente per il markup dei dati strutturati.
- Seleziona la scheda Email.
- Scegli il tipo di informazioni per cui vuoi eseguire il markup. Ad esempio, la prenotazione di un autobus o l'ordine di un prodotto.
- Inserisci l'HTML dell'email.
- Seleziona Inizia la codifica.
- Evidenzia le parti dell'email che contengono informazioni importanti (ad esempio, il numero di prenotazione di un autobus) e seleziona il tipo di informazioni nel menu a discesa che viene visualizzato ("Numero prenotazione").
- Se le stringhe per la data sono complesse o hai difficoltà a eseguire la codifica delle date, leggi la sezione Codifica avanzata delle date.
- Se devi aggiungere informazioni non visibili nell'email, leggi la sezione Aggiungere i dati mancanti.
- Se devi rimuovere un tag generato dall'Assistente per il markup dei dati strutturati, leggi la sezione Rimuovere i tag.
- Assicurati di fornire tutte le informazioni richieste per il tipo di dati specifico. Nel riquadro Le mie voci di dati puoi vedere un elenco di tutti i valori possibili, con quelli obbligatori evidenziati. Se non fornisci tutti i valori obbligatori, Google non può elaborare l'email.
- Se viene mostrata l'icona di avviso (
) accanto a un elemento codificato, seleziona i dati accanto all'icona, controlla la codifica e procedi in uno dei seguenti modi:
- Se la codifica è errata, seleziona la X accanto ai dati. Esegui nuovamente la codifica dei dati.
- Se i tag sono corretti, seleziona l'icona di avviso stessa (
- Al termine della codifica, seleziona Crea HTML per generare l'HTML da utilizzare per l'email. Il formato predefinito secondo le preferenze di Google è JSON-LD, ma puoi scegliere anche Microdati. Seleziona Scarica o copia e incolla l'HTML generato.
- Per JSON-LD: copia e incolla il codice generato nel corpo dell'email.
- Per Microdati: sostituisci l'email con l'HTML generato.
- Verifica il codice inviando un'email a un account Gmail o utilizza lo strumento di convalida degli schemi delle email.
) accanto a un elemento codificato, seleziona i dati accanto all'icona, controlla la codifica e procedi in uno dei seguenti modi:
Salvare e riprendere la modifica di una pagina o di un'email
Salva il markup nello stato attuale aggiungendo la pagina ai preferiti del tuo browser. L'Assistente per il markup dei dati strutturati salva lo stato attuale con tutti i valori di markup per un mese.
È possibile annullare alcuni o tutti i tag creati dall'Assistente per il markup dei dati strutturati.
Per cancellare un tag specifico, procedi nel seguente modo:
- Seleziona il tag nella pagina di esempio o nell'email.
- Seleziona Cancella tag nel menu popup visualizzato dopo avere selezionato il tag.
Per cancellare tutti i tag, procedi nel seguente modo:
- Attenzione: non puoi annullare una richiesta di cancellazione di tutti i tag. Se li cancelli, dovrai ripetere la codifica da capo. Se i contenuti hanno già il markup, l'Assistente per il markup non rimuove quello esistente. Se cancelli tutti i tag, vengono rimossi soltanto i tag aggiunti dall'Assistente per il markup.
- Seleziona l'icona a forma di ingranaggio
.
- Seleziona Cancella tutti i tag da questa pagina.
.L'Assistente per il markup dei dati strutturati riconosce le date in tanti formati, purché queste includano un mese, un giorno e un anno. Puoi fornire eventuali dati mancanti (come l'anno) aggiungendoli al set di pagine.
Se nella tua pagina di esempio le date vengono visualizzate in un unico punto (ad esempio, 4 giugno 2012), è consigliabile applicare i tag alle date in un unico punto. Meno tag crei, più rapida sarà la codifica e più preciso sarà l'Assistente per il markup.
Per applicare i tag per le date in un unico punto, procedi nel seguente modo:
- Inizia a codificare i dati come descritto nella sezione Codificare una pagina o Codificare un'email.
- Nella pagina Tagger, seleziona una data con il puntatore del mouse. Ad esempio, seleziona: 4 giugno 2012
- Seleziona Data > Data/ora o intervallo dal menu contestuale visualizzato.
L'Assistente per il markup aggiunge la data alla colonna Le mie voci di dati.
- Termina la codifica della pagina come descritto nella sezione Codificare una pagina o Codificare un'email.
Codificare date in punti separati
In alcuni contenuti le informazioni sulle date vengono visualizzate in punti separati oppure vengono utilizzate le etichette per identificare i diversi componenti delle date. Ad esempio, in una pagina in cui vengono elencati diversi eventi potrebbero essere visualizzati il mese e l'anno una sola volta in alto, mentre i giorni specifici vengono visualizzati accanto a ogni evento. Se nei tuoi contenuti le date vengono visualizzate in punti separati, dovrai codificare anche le date in punti separati.
Tieni presente che l'Assistente per il markup non riconosce le date codificate in punti separati e che specificano un intervallo (ad esempio 4-5 giugno e 2012).
Per codificare le date in punti separati, procedi nel seguente modo:
- Inizia a codificare i dati come descritto nella sezione Codificare una pagina o Codificare un'email.
- Nella pagina Tagger, seleziona una data con il puntatore del mouse. Ad esempio, seleziona la data seguente: giugno.
- Seleziona Data > Avanzate > elemento della data dal menu contestuale che viene mostrato. Ad esempio, seleziona Data > Avanzate > Mese.
L'Assistente per il markup aggiunge la data alla colonna Le mie voci di dati.
- Continua a codificare gli elementi della data finché avrai codificato tutti i dati disponibili.
- Termina la codifica come descritto nella sezione Codificare una pagina o Codificare un'email.
Esempi di tag per le date
Ecco alcuni esempi di date che puoi taggare:
- Una singola data. Ad esempio puoi taggare tutto quello che segue:
- 4 giugno 2012
- 4 giugno 2012
- 4/6/12. I tuoi tag possono includere anche altri delimitatori e anni formati da quattro cifre, come 4-6-2012. Se le date numeriche sono ambigue, Google presume che il primo numero rappresenti il mese. Ad esempio, 6/4/12 viene interpretato come il 4 giugno 2012, mentre 13/4/12 verrebbe interpretato come il 13 aprile 2012.
- Un intervallo di giorni. Ad esempio, 4-7 giugno 2012
Nota che il delimitatore tra il giorno di inizio e quello di fine deve essere un trattino (-).
- Date con orari. Ad esempio puoi taggare tutto quello che segue:
- 4 giugno, 2012 3pm. Un orario seguito da am o pm. Google fa riferimento ai normali orari lavorativi per interpretare gli orari non seguiti da am o pm. Ad esempio, 11 verrebbe considerato come le 11 am e 2 verrebbe considerato come le 2 pm.
- 4 giugno, 2012 15:00. Sistema orario di 24 ore.
- 4 giugno 2012 15:00 EST o 4 giugno 2012 15:00-17:00. Orari con un fuso orario e con la differenza UTC/GMT.
- 4 giugno 2012 2 - 3pm o 4-5 giugno 2012 2 - 3pm .Intervalli di orari con o senza un intervallo di date.
- Date in punti separati.Puoi utilizzare l'opzione di aggiunta di tag avanzata per taggare come singola data i seguenti blocchi di testo separati:
- Giorno: martedì 4 giugno Anno: 2013
- 4 giugno | Ora: 7:30pm-9:30pm e 2012
- 4-5 giugno e 2012
Specificare manualmente il formato delle date
L'Assistente per il markup presuppone che le date presenti nei contenuti siano conformi alle regole di formattazione associate alla lingua dei contenuti stessi. Ad esempio, se la lingua di una pagina è inglese (Stati Uniti), l'Assistente per il markup presuppone che la data 12-06-12 indichi il 6 dicembre 2012. Se invece la lingua della pagina è inglese (Regno Unito), l'Assistente presuppone che la data 12-06-12 indichi il 12 giugno 2012. L'Assistente per il markup determina automaticamente la lingua della pagina e quindi le regole di formattazione delle date.
Per eseguire l'override dell'Assistente per il markup e specificare un formato delle date diverso, procedi nel seguente modo:
- Fai clic sull'icona a forma di ingranaggio e seleziona Impostazioni.
- Nel menu popup Impostazioni, seleziona un formato dall'elenco dei formati per la data.
- Seleziona Salva.
Se nei contenuti di esempio mancano dati, come l'anno di un evento, puoi specificare un valore. L'Assistente per il markup dei dati strutturati aggiungerà il markup per il valore.
Puoi aggiungere i dati mancanti in qualsiasi momento e modificarli o eliminarli in caso di necessità.
Per aggiungere, modificare o eliminare i dati mancanti, procedi nel seguente modo:
- Seleziona Aggiungi tag mancanti nella parte inferiore della colonna Le mie voci di dati.
- Procedi in uno dei seguenti modi:
- Aggiungi un valore selezionando un tag dall'elenco Seleziona un tag. Digita quindi il valore nella casella di testo. Ad esempio, seleziona Categoria e scrivi Musica tradizionale irlandese.
- Elimina i dati esistenti selezionando la X in una casella di testo.
- Modifica i dati esistenti cambiando il valore nella casella di testo.
- Seleziona Salva.
L'Assistente per il markup mostra il valore specificato nella colonna Le mie voci di dati.
Modificare la lingua della pagina
L'Assistente per il markup dei dati strutturati rileva automaticamente la lingua dei contenuti di esempio per comprendere meglio i dati presenti. Se il markup creato è sbagliato, puoi indicare esplicitamente all'Assistente per il markup la lingua utilizzata.
Per specificare manualmente la lingua, procedi nel seguente modo:
-
Fai clic sull'icona a forma di ingranaggio e seleziona Impostazioni.
- Nel menu popup Impostazioni, seleziona una lingua dall'elenco Lingua del sito.
- Seleziona Salva.
schema.org è un progetto nato dalla collaborazione tra Google, Microsoft e Yahoo! con lo scopo di migliorare il Web creando un vocabolario comune per la descrizione dei dati sul Web. Se aggiungi il markup schema.org alle tue pagine HTML, molti prodotti, inclusa la Ricerca Google, e società potranno comprendere i dati del tuo sito. In modo simile, se aggiungi il markup schema.org alla tua email in formato HTML, anche altri prodotti, oltre a Gmail, potrebbero comprendere i dati.
Puoi utilizzare tipi diversi di markup per descrivere i tuoi dati con il vocabolario di schema.org. Assistente per il markup può mostrarti come utilizzare i microdati e JSON-LD.
Per ulteriori informazioni su schema.org, leggi le Domande frequenti (FAQ) su schema.org.
JSON-LD e microdati sono due modi diversi per eseguire il markup dei tuoi dati usando il vocabolario di schema.org. Google preferisce JSON-LD per i contenuti web.
JSON-LD
Per la definizione dei dati in formato JSON-LD devi utilizzare un oggetto JavaScript nella pagina HTML. Ad esempio, di seguito è riportato il codice JSON-LD per la descrizione di un evento:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Event",
"name" : "Slim Whitman Tribute",
"startDate" : "2013-07-06",
"location" : {
"@type" : "Place",
"name" : "Hollywood Bowl"
}
}
</script>
Durante l'aggiunta di JSON-LD, l'Assistente per il markup preferisce aggiungere il markup agli elementi HTML esistenti. Ad esempio, se evidenzi un evento codificato come <h4>My Event</h4>, l'Assistente per il markup aggiunge JSON-LD al tuo esempio come segue:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Event",
"name" : "My event"
}
</script>
Per ulteriori informazioni, visita la pagina JSON-LD.
Microdati
Per la definizione dei dati con i microdati devi utilizzare tag e attributi HTML. Ad esempio, di seguito è riportato parte di codice HTML per la descrizione di un evento:
<div> Come hear the Tiny Tim Tribute Band, live in concert on July 6, 2013 at the beautiful Regency Theater! </div>
Ed ecco lo stesso codice HTML con il markup con i microdati:
<div itemscope itemtype="http://schema.org/Event">
Come hear the
<span itemprop="name">Tiny Tim Tribute Band</span>,
live in concert on
<span itemprop="startDate"
content="2013-07-06>July 6, 2013</span>
at the beautiful
<span itemprop="location" itemscope
itemtype="http://schema.org/Place">
<span itemprop="name">Regency Theater</span>!
</span>
</div>
Per ulteriori informazioni, visita la pagina di informazioni sui microdati.
L'Assistente per il markup ignora l'eventuale markup già presente nella pagina di esempio o nell'email che codifichi. Pertanto, se codifichi parte di testo già identificata tramite markup, l'Assistente per il markup va avanti e aggiunge un markup ulteriore per il tag.