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!

SEO - Adding Schema Markup

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:

  1. Risultati di Ricerca Migliorati: La Marcatura Schema può portare a snippet arricchiti nei risultati di ricerca, facendo risaltare il tuo sito.
  2. Aumento dei Tassi di Click: Quei snippet arricchiti? Tendono ad attirare più clic!
  3. Migliore Comprensione da Parte dei Motori di Ricerca: Aiuta i motori di ricerca a comprendere il tuo contenuto più accuratamente.
  4. 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