breve guida ai dati strutturati e web semantico e come implementarli in wordpress

1. I Dati strutturati
e
relatore: Stefano Torselli

2. Web semantico e schema.org
Lo ha inventato Tim Berners-Lee, si intende la trasformazione del World Wide Web in un
ambiente dove i documenti pubblicati (pagine HTML, file, immagini, e così via) sono
associati ad informazioni e dati (metadati) che ne specificano il contesto semantico in un
formato adatto all'interrogazione e l'interpretazione (es. tramite motori di ricerca) e, più in
generale, all'elaborazione automatica.
Con l'interpretazione del contenuto dei documenti che il Web semantico impone, saranno
possibili ricerche molto più evolute delle attuali, basate sulla presenza nel documento di
parole chiave, e altre operazioni specialistiche come la costruzione di reti di relazioni e
connessioni tra documenti secondo logiche più elaborate del semplice collegamento
ipertestuale.

3. Web semantico e schema.org
Il Knowledge Graph è la
scheda riassuntiva
nella parte destra della
SERP.
Il box viene proposto
solo in caso di ricerche
legate a un' “entità”.
I dati delle entità sono
presi dai mark up di
schema.org

4. Lo snippet
Lo snippet è composto dal titolo, dalla descrizione e dall’url
TITOLOURL
META DESCRIPTION

5. Web semantico e schema.org
Il Rich Snippet, arricchisce il risultato nella SERP con elementi aggiuntivi che
possono essere stelline (valutazioni/recensioni), prezzi, video e nominativo
dell’autore che ha realizzato tal contenuto.

6. Web semantico e schema.org
Google supporta questo tipo di Rich Snippet dal maggio 2009:
Prodotto: informazioni come nome, prezzo, disponibilità e recensione o votazioni.
Ricette: ricette che possono essere mostrate nella serp.
Recensione: la recensione come elemento a se stante, per un ristorante, un
cinema, un negozio.
Evento: un evento organizzato, come un concerto musicale o un festival, di cui le
persone potrebbero aver bisogno di sapere ora e luogo.
Applicazione Software – Informazioni su una app software, incluso l’url, le
recensioni, il prezzo.

7. Web semantico e schema.org
schema.org non è un linguaggio.
I linguaggi sono Microformat, Microdata, RDFa.
schema.org permette di dire a Google
che cosa significa il testo che scrivi.
Json-ld un mark up all’interno del codice
Microdata un markup tra i termini di un testo

8. Web semantico e schema.org
<div itemscope itemtype="http://data-
vocabulary.org/Person">
Name: <span itemprop="name">Giovanni Fracasso</span>
Website: <a
href="https://www.giovannifracasso.it" itemprop="url">giov
annifracasso.it</a>
Titolo: <span itemprop="title">Il libro che
scriverò</span>
</div>

9. Web semantico e schema.org
itemscope: ci spiega che il contenuto del <div> è un item, un
oggetto
itemtype: ci spiega di che tipo di item, di oggetto, stiamo parlando,
in questo caso, una persona.
itemprop: ci chiarisce ogni proprietà dell’oggetto persona che si
dichiareranno a seguito

10. Web semantico e schema.org
Senza
Con JSON - LD

11. Web semantico e WordPress
1 alcuni temi
incorporano dati
strutturati
Es. mytheme shop
https://demo.mythemeshop.com/fe
minine/2016/06/28/class-aptent-
taciti-sociosqu-ad-litora-torquent/

12. Web semantico e schema.org
2 Plug in
• All In One
• Murkup (JSON-LD)
• WPSSO

13. Web semantico e schema.org
All in One Schema.org Rich Snippets

14. Google Search Console e schema.org

15. Google Search Console e schema.org
Tipo hentry con errori

16. Risolvere gli errori con tipo hentry
https://flavioweb.net/errori-dati-strutturati-manca-updated-author-entry-title/
http://www.guadagnareconunblog.com/2014/09/errori-dati-strutturati-wordpress/
related-content.php :
<article <?php post_class(‘my-col-1-3 related-content-item’); ?>>
<div class=”related-thumb”>
<a href=”<?php the_permalink(); ?>” title=”<?php the_title_attribute(); ?>”><?php
if (has_post_thumbnail()) {
the_post_thumbnail(‘my-heme-medium’);
} else {
echo ‘<img class=”my-image-placeholder” src=”‘ . get_template_directory_uri() . ‘/images/placeholder-medium.png’ . ‘” alt=”No
Image” />’;
} ?>
</a>
</div>
<h3 class=”entry-title” >
<a class=”related-title” href=”<?php the_permalink(); ?>” title=”<?php the_title_attribute(); ?>” rel=”bookmark”>
<?php the_title(); ?>
</a>
</h3>
<hr />
<span class=”entry-meta-author vcard”><a class=”fn” href=”https://flavioweb.net/indicizzazione-siti-internet/”>
FlavioWeb</a></span>
<br />
<span class=”entry-meta-date updated”>Data Ultimo Aggiornamento: <?php the_time(‘j F Y’); ?></span>
</article>

17. Testare i dati strutturati
https://search.google.com/structured-data/testing-tool/u/0

18. Dati strutturati e Google Tag Manager
• http://schema.org/
• https://developers.google.com/search/docs/data-types/data-type-selector
• http://json-ld.org/
• https://www.google.com/webmasters/markup-helper/u/0/
• https://search.google.com/structured-data/testing-tool/u/0/?hl=it
• https://yoast.com/structured-data-google-tag-manager/
• https://yoast.com/structured-data-schema-ultimate-guide/
• https://www.schemaapp.com/google-tag-manager/

19. Grazie
per
lattenzione