SEO - Aggiunta di Marcatura Schema
Cos'è la Marcatura Schema?
Ciao a tutti, futuri sviluppatori web! Oggi esploreremo il mondo affascinante della Marcatura Schema. So cosa stai pensando - "Affascinante? Davvero?" Ma fidati, una volta visto come può migliorare la visibilità del tuo sito web, sarai entusiasta come lo ero io quando l'ho scoperto per la prima volta!
La Marcatura Schema è come dare al tuo sito web un megfono in una folla caotica di concerti su internet. È una forma di microdata che aggiungi al tuo HTML per aiutare i motori di ricerca a comprendere meglio il tuo contenuto. Immagina di fornire sottotitoli alle tue pagine web - aiuta i motori di ricerca a leggere e interpretare il tuo contenuto più accuratamente.
Ecco un esempio semplice:
<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Inception</h1>
<span itemprop="director">Regista: Christopher Nolan</span>
<span itemprop="datePublished">Data di uscita: 2010</span>
</div>
In questo frammento, stiamo dicendo ai motori di ricerca che questo div contiene informazioni su un film. Gli attributi itemscope
e itemtype
definiscono la portata e il tipo dello schema, mentre itemprop
specifica le proprietà individuali.
Vantaggi dell'Adozione della Marcatura Schema
Ora che sappiamo cos'è la Marcatura Schema, parliamo di perché è così fantastica:
- Risultati di Ricerca Migliorati: La Marcatura Schema può portare a snippet arricchiti nei risultati di ricerca, facendo risaltare il tuo sito.
- Aumento dei Tassi di Click: Quei snippet arricchiti? Tendono ad attirare più clic!
- Migliore Comprensione da Parte dei Motori di Ricerca: Aiuta i motori di ricerca a comprendere il tuo contenuto più accuratamente.
- Ottimizzazione per la Ricerca Vocale: Man mano che la ricerca vocale cresce, i dati strutturati diventano sempre più importanti.
Diverse Varietà di Linguaggi di Codice Schema
La Marcatura Schema non è una soluzione universale. ci sono diversi modi per implementarla:
Formato | Descrizione | Esempio |
---|---|---|
Microdata | Attributi HTML | <div itemscope itemtype="http://schema.org/Person"> |
RDFa | Estensione a HTML5 | <div vocab="http://schema.org/" typeof="Person"> |
JSON-LD | Notazione JavaScript integrata in un tag <script>
|
<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Person" }</script> |
Mentre tutti questi formati sono validi, JSON-LD è generalmente preferito da Google grazie alla sua facilità di implementazione e manutenzione.
Passaggi per Aggiungere la Marcatura Schema su un Sito Web per SEO
Ora, mettiamo le mani al lavoro! Ecco come puoi aggiungere la Marcatura Schema al tuo sito web:
1. Determina il Tipo di Contenuto
Prima, identifica il tipo di contenuto che stai marcabile. È un articolo? Un prodotto? Un'attività locale? Schema.org ha una lista completa di tipi che puoi utilizzare.
2. Scegli il Tuo Formato di Marcatura
Per questo tutorial, utilizzeremo JSON-LD, poiché è il formato preferito da Google.
3. Crea la Tua Marcatura
Supponiamo di marcare un post di blog. Ecco un esempio:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BlogPosting",
"headline": "Come Cuocere il Perfecto Cioccolato Chip Cookie",
"author": {
"@type": "Person",
"name": "Jane Doe"
},
"datePublished": "2023-06-15",
"image": "http://example.com/cookie.jpg",
"articleBody": "Prima, mescola il burro e lo zucchero..."
}
</script>
Questo script dice ai motori di ricerca che questa pagina contiene un post di blog, insieme al suo titolo, autore, data di pubblicazione, immagine principale e un frammento del contenuto.
4. Testa la Tua Marcatura
Prima di pubblicare, sempre testa la tua marcatura utilizzando lo Strumento di Test dei Dati Strutturati di Google. È come un correttore ortografico per la tua Marcatura Schema!
5. Aggiungi la Marcatura al Tuo HTML
Una volta testata, aggiungi il tag <script>
alla sezione <head>
del tuo HTML.
6. Monitora le Prestazioni
Dopo l'implementazione, tener d'occhio le tue prestazioni di ricerca. Potresti iniziare a vedere quegli snippet luccicanti apparire!
Conclusione
Ecco fatto, ragazzi! Hai appena fatto i tuoi primi passi nel mondo della Marcatura Schema. Ricorda, internet è come una grande biblioteca, e la Marcatura Schema è come aggiungere un indice dettagliato al tuo libro. Aiuta i motori di ricerca a trovare e presentare il tuo contenuto più efficacemente.
Mentre continui il tuo viaggio nello sviluppo web, scoprirai che la Marcatura Schema è solo uno degli strumenti disponibili nel tuo kit SEO. Ma è uno strumento importante, e padroneggiarlo può dare al tuo sito un vantaggio significativo nei risultati di ricerca.
Continua a sperimentare, continua a imparare, e non aver paura di sporcarti le mani con il codice. Prima di sapere, vedrai il tuo sito salire nella classifica dei motori di ricerca!
Buon coding, e possa la schema essere con te!
Credits: Image by storyset