Nozioni di base sui dati strutturati JSON-LD
Aggiungere dati strutturati leggibili dalle macchine con JSON-LD
Nozioni di base sui dati strutturati JSON-LD è una lezione HTML Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento HTML Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso HTML Academy include 4 lezioni in totale.
Che cos'è lo structured data?
Lo structured data è un JSON leggibile dalle macchine che descrive l'argomento della pagina: un articolo, una ricetta, un prodotto o un evento. I motori di ricerca lo utilizzano per generare risultati avanzati (valutazioni a stelle, schede di ricette, breadcrumb) invece di semplici link blu.
JSON-LD è il formato consigliato
Il formato preferito da Google è JSON-LD: un unico blocco <script type="application/ld+json"> nell'head o nel body, contenente uno o più oggetti schema.org. È separato dall'HTML visibile, perciò aggiungerlo o aggiornarlo non richiede di riscrivere il template.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Learn HTML",
"author": { "@type": "Person", "name": "Ada Lovelace" },
"datePublished": "2024-05-01"
}
</script>@context e @type
Ogni oggetto JSON-LD richiede @context (quasi sempre "https://schema.org") e @type (la classe schema.org: Article, Recipe, Product, FAQPage). @context indica ai parser il vocabolario da cui provengono i nomi delle proprietà.
Proprietà comuni degli articoli
Per Article, fornisca headline, image (URL o array), datePublished, dateModified, author (un oggetto Person o Organization) e publisher (Organization con logo). Questi sono i campi minimi necessari affinché Google prenda in considerazione la pagina per il carosello delle notizie principali.
Schema Product
Le pagine di prodotto dichiarano @type Product con name, image, description, brand, sku e un sotto-oggetto offers contenente price, priceCurrency e availability. Insieme ad aggregateRating, questi dati consentono a Google di mostrare direttamente nel risultato di ricerca le valutazioni a stelle e gli estratti dei prezzi.
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Coddy Plus",
"offers": { "@type": "Offer", "price": "29.00", "priceCurrency": "USD" }
}Schema Breadcrumb
BreadcrumbList descrive la gerarchia di navigazione. Ogni itemListElement è un ListItem con position, name e item (l'URL). Quando è presente, Google sostituisce la riga dell'URL nello snippet con il percorso breadcrumb con etichette, ottenendo più clic.
FAQ e HowTo
Gli schemi FAQPage e HowTo sbloccavano in precedenza i widget dei risultati avanzati nella SERP. Da allora Google ha limitato i risultati avanzati FAQ ad alcune categorie di siti (gov, edu), ma il markup resta utile per gli assistenti vocali e altri utilizzatori: lo mantenga sulle vere pagine FAQ.
Corrispondenza con la pagina visibile
Google penalizza il markup che non corrisponde a ciò che gli utenti vedono. Non dichiari una valutazione di 5 stelle che non compare nella pagina; non indichi un prezzo di 9,99 $ che l'utente non vede. I dati strutturati devono descrivere accuratamente il contenuto visualizzato.
Convalida con Rich Results Test
Il Rich Results Test di Google (search.google.com/test/rich-results) analizza qualsiasi URL o codice incollato, elenca i tipi di schema rilevati e segnala le proprietà obbligatorie mancanti. Lo esegua prima di distribuire qualsiasi modifica ai dati strutturati.
Più schemi per pagina
Può dichiarare diversi blocchi JSON-LD nella stessa pagina (ad esempio Article + BreadcrumbList + Organization) oppure combinarli in un singolo array @graph. Entrambe le forme sono valide; scelga quella più semplice da gestire nei template della pipeline di build.
Aggiornamento senza nuovo rendering
JSON-LD risiede in un tag script separato dal contenuto visibile. Per aggiornarlo, rigeneri il blocco JSON: non inserisca mai dati strutturati esclusivamente tramite JavaScript lato client, perché Googlebot non esegue sempre JavaScript in modo affidabile prima dell'indicizzazione.
Verifica delle conoscenze
Quali due proprietà di primo livello deve includere ogni oggetto JSON-LD per essere dati strutturati validi?
Riepilogo
JSON-LD dichiara i dati strutturati in un singolo blocco script application/ld+json, con @context e @type che identificano ogni oggetto. Gli schemi più comuni (Article, Product, BreadcrumbList) sbloccano risultati di ricerca avanzati quando il markup riflette accuratamente la pagina visibile. Convalidi i dati con il Rich Results Test prima della distribuzione.
Domande Frequenti
La lezione «Nozioni di base sui dati strutturati JSON-LD» è gratuita?
Sì — il testo completo di «Nozioni di base sui dati strutturati JSON-LD» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso HTML Academy, passa a CoddyKit PRO. Il corso HTML Academy include 4 lezioni in totale.
Cosa imparerò in «Nozioni di base sui dati strutturati JSON-LD»?
Aggiungere dati strutturati leggibili dalle macchine con JSON-LD Eserciti HTML Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare HTML Academy?
Non è richiesta alcuna esperienza precedente. HTML Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.
Quanto tempo richiede la lezione «Nozioni di base sui dati strutturati JSON-LD»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione HTML Academy?
Sì. Ogni lezione HTML Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- OpenGraph: og:title og:description og:image
- Meta tag Twitter Card
- Nozioni di base sui dati strutturati JSON-LD
- Hreflang per pagine internazionali