Nel corso dello scorso appuntamento abbiamo parlato di come ottimizzare la propria presenza web attraverso Google My Business. Dall’incontro sono emerse molte suggestioni interessanti, che meriterebbero ognuna un approfondimento completo.
Questa settimana abbiamo deciso di dedicarci all’ottimizzazione dei contenuti di un sito web, con focus sul markup schema.org.
Schema.org è un markup in grado di generare dei dati strutturati su di un sito, informazioni cioè facilmente interpretabili dai motori di ricerca, permettendo ai presidi web di ottenere un vantaggio in termini di posizionamento e un miglioramento dell’esperienza utente.
Utilizzando questi micro dati le piattaforme e-commerce ad esempio possono mostrare in serp le immagini, i prezzi e la valutazione in stelline di un prodotto, rendendo gli utenti più propensi a cliccare.
Ci troviamo quindi di fronte ad una sorta di ponte tra il sito e il resto del web, con l’obiettivo di rendere i contenuti chiari e leggibili.
COME SI IMPLEMENTA?
Schema.org fornisce dei gruppi di Markups da inserire all’interno del codice html della pagina internet diversi per ogni tipologia di sito web all’interno del quale si vuole operare.
Esiste uno schema preciso per ogni tipologia di dato che vogliamo trattare. Vediamo un esempio per i ristoranti.
Cominciamo con il dichiarare all’apertura del tag body la nostra pagina web
<div itemscope itemtype=”http://schema.org/Restaurant”>
Successivamente forniamo tutte le informazioni che vogliamo:
<span itemprop=”name”>GreatFood</span>
<div itemprop=”aggregateRating” itemscope itemtype=”http://schema.org/AggregateRating”>
<span itemprop=”ratingValue”>4</span> stars –
based on <span itemprop=”reviewCount”>250</span> reviews
</div>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<span itemprop=”streetAddress”>1901 Lemur Ave</span>
<span itemprop=”addressLocality”>Sunnyvale</span>,
<span itemprop=”addressRegion”>CA</span> <span itemprop=”postalCode”>94086</span>
</div>
<span itemprop=”telephone”>(408) 714-1489</span>
<a itemprop=”url” href=”http://www.dishdash.com”>www.greatfood.com</a>
Hours:
<meta itemprop=”openingHours” content=”Mo-Sa 11:00-14:30″>Mon-Sat 11am – 2:30pm
<meta itemprop=”openingHours” content=”Mo-Th 17:00-21:30″>Mon-Thu 5pm – 9:30pm
<meta itemprop=”openingHours” content=”Fr-Sa 17:00-22:00″>Fri-Sat 5pm – 10:00pm
Categories:
<span itemprop=”servesCuisine”>
Middle Eastern
</span>,
<span itemprop=”servesCuisine”>
Mediterranean
</span>
Price Range: <span itemprop=”priceRange”>$$</span>
Takes Reservations: Yes
</div>
L’esempio qui riportato indica non solo gli orari di apertura, ma anche l’indirizzo del locale, la fascia di prezzo, le recensioni, il tipo di cucina e se vengono accettate prenotazioni.
I contenuti che possono essere inseriti sono molteplici, e cliccando qui avrete accesso a tutti i gli schemas, divisi per categorie.
