Lo Schema.org che ogni sito web dovrebbe avere
Last updated on
Un rapporto di Searchmetrics ha rilevato una statistica incredibile: solo il 0.3% dei siti web usa correntemente Schema. Visto gli enormi vantaggi per il traffico sul web, questi numeri mi lasciano allibito.
Oggi voglio condividere con Voi lo Schema.org che ogni sito web dovrebbe.
Perché Schema.org funziona così bene?
Una veloce scorsa a una ricerca esemplificativa in inglese, come ad es. “Chocolate brownie recipes”, vi può dare un’idea dei benefici dell’utilizzo del Markup di Schema Markup. Lo vedete?
Su quale link clicchereste?
Non considerando il fatto che la BBC si è posizionata al primo posto, c’è da dire che ha utilizzato pienamente e con successo il Markup di Schema.
E’ l’unico risultato, infatti, che mostra sia una fotografia ‘appetitosa’ sia un sistema di recensioni a stelle. Un risultato che invita gli utenti a cliccare e che dà affidabilità grazie 654 voti.
Che cos’è Schema.org?
Schema.org è una tecnica SEO, messa a punto da una rara collaborazione tra i motori di ricerca Google, Bing (Microsoft) e Yahoo. Dando una chiara struttura alle vostre pagine web, Schema permette ai motori di ricerca di fornire risultati migliori, mostrando informazioni aggiuntive come fotografie di prodotti, recensioni, prezzi e anche eventi.
I siti web che usano Schema vengono messi in risalto sulla concorrenza nei risultati dei motori di ricerca, cosa che può incrementare la percentuale dei clic verso il vostro sito e il traffico.
Ho Schema.org sul mio sito web?
Senza nessuna conoscenza tecnica la cosa più semplice per verificare se il vostro sito web usa Schema, è quello di mettere l’ URL della vostra homepage su Structured Data Testing Tool. Il risultato vi mostrerà come viene visualizzata la vostra pagina web in un normale risultato di una ricerca.
Lo Schema.org che ogni sito web dovrebbe avere
Ecco alcuni esempi pratici di Lo Schema.org che ogni sito web dovrebbe avere. Vi aiuteranno a dare un markup al vostro brand, logo, all’indirizzo dell’azienda e ai vostri prodotti e servizi.
Schema per il vostro Logo
Codice del logo originale:
<a href="http://www.mysite.com/"> <img src="http://www.mysite.com/logo.jpg" alt="My logo" /> </a>
Codice logo con Schema Markup:
<div itemscope itemtype="http://schema.org/Organization"> <a itemprop="url" href="http://www.mysite.com/"> <img itemprop="logo" src="http://www.mysite.com/logo.jpg" alt="My logo"/> </a> </div>
Potete trovare più info su schema per loghi qui
Schema per l’indirizzo della vostra azienda
Codice originale dell’indirizzo:
<div>
<h1>Caffè Aroma</h1>
<div> Via Roma - 1, 20100, Milano (MI) </div> <div>
Tel: <span itemprop="telephone">+0039 023456789</span> </div> </div>
Codice dell’indirizzo con Schema Markup:
<div itemscope itemtype="http://schema.org/Organization">
<h1 itemprop="name">Caffè Aroma</h1>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">Via Roma - 1</span>, <span itemprop="postalCode">20100</span>,
<span itemprop="addressLocality">Milano</span>
(<span itemprop="addressRegion">MI</span>)
<div>
Tel: <span itemprop="telephone">+0039 023456789</span> </div> </div>
Potete trovare più informazioni su Schema per indirizzi aziendali qui.
Schema per i vostri prodotti e servizi
Usate lo stesso codice sia che offriate prodotti o servizi (o entrambi) – Schema non fa alcuna distinzione. Qui sotto troverete un esempio semplificato per i prodotti.
Codice originale:
<div>
Sumatran coffee
<img src="sumatran-coffee-photo.jpg" alt="Bag of Sumatran coffee"' />
Price: € 10.00<br>
In stock<br>
Product description: 500g fresh ground Sumatran coffee. Known for its full, strong body and light acidity. Its flavor is rich with chocolate overtones.
</div>
Codice con Schema Markup:
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Sumatran coffee</span>
<img src="sumatran-coffee-photo.jpg" alt="Bag of Sumatran coffee"' />
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<!--price is 10, a number, with locale-specific thousands separator and decimal mark, and the € character is marked up with the machine-readable code "EURO" -->
<span itemprop="priceCurrency" content="EURO">€</span><span
itemprop="price" content="10.00">10.00</span>
<link itemprop="availability" href="http://schema.org/InStock" />In stock
</div>
Product description:
<span itemprop="description">500g fresh ground Sumatran coffee. Known for its full, strong body and light acidity. Its flavor is rich with chocolate overtones.</span>
</div>
Potete trovare più informazioni su schema per prodotti e servizi, con esempi più esaustivi che utilizzano un sistema di recensioni e valutazioni degli utenti qui. Poiché non tutti i siti web hanno un sistema di recensioni, Schema non ha considerato questo aspetto come essenziale.
Schema per i social networks
Come mostrato nell’immagine qui sotto, anche i social networks possono mostrati nei risultati dei motori di ricerca. Ciò rappresenta un’ottima occasione per ottenere più clics verso il vostro sito.
Usate il markup coi dati strutturati qui sotto per far comparire il vostro profilo sui social network sui risultati di ricerca.
Codice originale:
<a href="http://www.facebook.com/your-company">FB</a>
<a href="http://www.twitter.com/YourCompany">Twitter</a>
<a href="https://plus.google.com/+MikeFitzpatrickGB/posts">Google Plus</a>
Codice con Schema Markup:
<span itemscope itemtype="http://schema.org/Organization">
<link itemprop="url" href="http://www.mysite.com">
<a itemprop="sameAs" href="http://www.facebook.com/your-company">Facebook</a>
<a itemprop="sameAs" href="http://www.twitter.com/YourCompany">Twitter</a>
<a itemprop="sameAs" href="https://plus.google.com/+MikeFitzpatrickGB/posts">Google Plus</a>
</span>
Potete avere più informazioni riguardo a schema per i social networks sulla pagina ufficiale di Google.
Qui sopra ho usato l’itemtype generico “Organization”. Usate questo tabulato per scegliere l’ItemType giusto per il vostro business.
