 Sì, oggi vi volevo parlare di Schema.org o Schema.dot.org e perché è importante questa è l'outlander la presentazione dove vedremo all'inizio un po' di contesto, quindi l'ambito in cui ci muoviamo, inquadriamo il problema, quindi a cosa andiamo a rispondere. Poi vedremo Schema.org con un esempio e anche una strategia di implementazione prima di vedere dei Kitecoways finali. Quindi il contesto, allora ovviamente il contesto più ampio è l'ASEO, quindi Search Engine Optimization. La necessità è un po' quella, insomma, di chiunque abbia un sito, ovvero voi avete qualcosa, che di solito quel qualcosa è del contenuto, che volete veicolare a qualcuno. Qual è il problema? Il problema è che prima, diciamo prima, non recentemente, questo contenuto voi lo volete veicolarlo, diciamo, a esseri umani in un mercato che è fisico. Adesso gli altri sono delle macchine, dei calcolatori, non che voi dobbiate andare a vendere le cose ai calcolatori, ma ci sono comunque di mezzo dei calcolatori e quindi il mercato si è spostato nel digitale. Perché è questo un problema? Perché c'è questo fenomeno che si chiama Semantic Gap, che sicuramente molti di voi avranno già sentito, per cui si verifica quando voi parlate di una cosa con qualcuno e non avete un contesto condiviso per descrivere quella cosa. Ok, sembra una cosa un po' complessa, però se voi pensate a quel qualcuno come una macchina, voi state parlando di qualcosa e la macchina deve capire. Ok, quindi... Come facciamo, quindi, ad andare oltre il Semantic Gap? Schema.org Quanti di voi hanno già sentito parlare di Schema.org? Ok, spito, ok. E quanti di voi lo usano? Ok, quindi... A occhio sembra, tipo, una metà rispetto a chi mi ha sentito parlare. Ok. Sì, ad entrambi le domande, questa è una città. Quindi, che cos'è, anzi, prima di dirvi che cos'è, vi volevo fare vedere un esempio di Schema e mi sposto qua. Non so se siete mal andati a vedere. Prendiamo una pagina web come questa. Se vuoi andate a vedere il codice sorgente, ad un certo punto si vede abbastanza. Trovate? No. Aspetta, è difficilissimo con una mano. Ok, quindi questo è Schema. È uno Schema, appunto, espresso. Poi vediamo una certa sintassi che viene renderizzato, che viene messo in Output. In questo caso, nel Leather, potrebbe essere nel Future. Per cui torniamo alle slide. E vediamo un po' la definizione. Questa è la definizione di Schema che troviamo sul sito, che è Schema.org. Ovvero, è uno sforzo collaborativo e aperto nel mantenere quello che ha un vocabolario condiviso che i webmaster utilizzano, possono utilizzare per annotare i siti web. Adesso andiamo a vedere tutte le parole incorsi in bold. A cosa si riferiscono? Collaborativo, perché nasce da uno sforzo congiunto da questi che sono i quattro più grossi motori di ricerca. Google, Bing e Yahoo, molti li conoscono, immagino. Yandex, magari un po' meno, ma è il motore di ricerca più utilizzato in Russia. È aperto, perché comunque tutti i cambiamenti, le modifiche, le estensioni, le discussioni avvengono in forum pubblici. Inoltre, se voi volete contribuire a Schema.org, c'è un repo GitHub di Schema.org aperto con tutte le varie regole per contribuire. Ci sono, tra l'altro, diverse comunità di pratica all'esterno di quella che è l'Organizzazione Core di Schema.org che si occupano di estensioni specifiche dello Schema. Mi ricorda, ad esempio, a marzo 2020, appena scoprata la pandemia, che c'è stato uno sforzo da parte di, non mi ricordo, quante persone coinvolte a livello di medici, a livello di biologi così, per formalizzare lo spreading del Covid attraverso Schema.org. C'è ancora la, come si chiama, l'estensione. Non va più. Vocabolare è condiviso, perché ci sono 797 T, ora non vi sto a leggere tutti i numeri, ma, come vedete, ci sono tantissime entry in questo vocabolare che sono divisi tra tipi, proprietà, tipi di dati e enumerazioni. Quali più importanti sono fondamentalmente i tipi, le proprietà? Per tipi intendiamo tipo sinonimo di entità, di ente, di classe, di concetto, da chi viene dal mondo delle ontologie, non so se qualcuno qui ha avuto a che fare con ontologie, no, alzì la mano, chissà cosa è un'ontologia usata. Ok, 6 persone, va bene. Comunque, voi avete un qualcosa di reale, non so un oggetto, una bottiglia o così, quella è un'entità, un tipo di qualcosa, che poi viene specificata in qualcosa di unico, attraverso che cosa? Attraverso le proprietà attaccate ad un'entità, voi avete delle proprietà che attraversi i valori che assumono, specificano quelle entità nella realtà. Questo è un po' un approccio ontologico alla formalizzazione del reale. Quindi i tipi di dati sono i soliti più o meno, quindi sono interi, sono stringe, sono data, nel senso di giorno, ora, eccetera, eccetera. E le numerazioni non sono particolarmente interessanti da vedere, ma qua si è interessante da vedere, una rappresentazione grafica della entità, della gerarchia dei tipi, diciamo, che potete trovare su schema, che è anche browsabile, navigabile, come possiamo dire, ed è abbastanza esplicativo di quanto sia profondo, diciamo, il vocabolario di schema. Vedete che praticamente il cerchio quell'interno è l'entità cosa, quindi qualsiasi cosa è una cosa, è un po' autologico, no? Che poi va a specificarsi, piano piano, sempre di più, andando nelle porzioni di cerchio esterne. Ad esempio, una cosa può essere intangibile, piuttosto che un'organizzazione, un'opera creativa, come si può dire, e, insomma, è così via andando a cose davvero molto specifice. Qual è il target audience di questo schema? Dividiamo tra produttore e consumatore, ovvero, come abbiamo visto, il produttore dello schema è Webmaster. È facile, attraverso schema, diciamo, da un certo punto di vista, a notare, ovvero, a notare qua si intende a arricchire semanticamente le vostre pagine Web, perché la sintasi è comunque capibile sia dal calcolatore sia dall'essere umano. Sono supportati 3 tipi, principalmente, di sintasi, quello più utilizzato è JSON-LD. Per cui se... Devo stare fermo. Ok. Se voi avete un po' di esperienza con JavaScript, JSON è comunque capibilissimo, e quindi, appunto, sia machine friendly che human friendly. Quella che si chiama entity reconciliation è uno sforzo condiviso, vero? Che cosa è entity reconciliation? Voi potete, attraverso pagine Web diverse, magari descrivere la stessa cosa. Dovete fare in modo che il calcolatore capisca che quella è la stessa cosa. In questo caso, da una parte, voi avete il calcolatore che, attraverso le proprietà che voi esprimete con schema, riesce da un certo punto di vista a ricostruire questa entity reconciliation. Dall'altra, voi avete delle proprietà come same as, per cui potete esplicitamente dire ok, questa cosa è uguale a quest'altra. E un'altra cosa, non indifferente, diciamo, dal punto di vista di chi deve sviluppare questo schema, è che voi potete aggiungere complessità per iterazioni successive. Cioè, non è che dovete produrre tutto lo schema che descrive la perfezione, la vostra pagina Web. Potete andare a raffinarlo piano a piano, prima mettendo l'entità principale, aggiungendo le altre ancillarie, così via. Lo stesso discorso per le proprietà dell'entità. Dal punto di vista dei consumatori, diciamo, possiamo dire che il consumatore principale è Google. Google spinge tantissimo per schema.org. Non solo per quelli che sono i rich results, i rich snippets o i knowledge graph di Google, perché molti conoscono schema perché vi permette di avere, nel risultato della ricerca, il rich snippet, ok? È per quello, ma non è solo per quello. Tantissime delle funzionalità più recenti di Google, come ad esempio la multi-surge, o piuttosto la ricerca su Shop, utilizzano schema per capire, per migliorare i risultati di ricerca che sono sempre più interattivi, tra l'altro. Però quello che è anche molto importante, che structure data dati strutturati viene usato come sinonimo di schema, quindi schema dati strutturati, se voi arricchite le vostre pagine web con dei dati strutturati di qualità, potete avere accesso a una platea più ampia. Cosa vuol dire questo? Google fa molto caso a come voi, a se generate lo schema, come lo generate la qualità del vostro schema. Ci sono penalità, ad esempio, per chi utilizza lo schema in maniera impropria, e quindi è, diciamo, una cosa molto pesante dal punto di vista dell'asseo. Se lo usate, dovete usarlo bene. Ultima cosa, sempre più spesso, lo schema associato ad una pagina viene utilizzato come sorgente della verità per Google. Questo cosa vuol dire? Voi state vendendo un prodotto su Google Merchant. Con il prodotto ce l'avete anche su una vostra pagina web. Nella vostra pagina web avete la quantità, ad esempio, disponibile di quel prodotto. Google Merchant viene aggiornato con la quantità che voi esprimete con schema. Quindi è come se Google davvero utilizzasse voi come fonte di verità. Quindi Google, ma non solo Google, anche Facebook, Pinterest, Instagram, altre piattaforme utilizzano comunque schema.org per capire dove posizionare i vostri contenuti se posizionarli, a chi farli vedere e come farli vedere. Un esempio di schema. Qua possiamo vedere, una pagina web di un sito sulla sovranità alimentare che sto sviluppando. Questa è una pizza all'ananas. Grazie. E come vedete, è una pagina molto semplice. Voi avete un titolo, è un post in un blog, avete un titolo, avete un'immagine e avete un po' di dati relativi all'immagine. Adesso, secondo voi, diciamo, cosa dovrebbe esserci in questo schema di questa pagina? Di solito la risposta è deve esserci descritta all'immagine. Ora, andiamo a vedere, mi devo spostare di qua per forza. Ne vi sto facendo odiare questa cosa che continua. Ah, è vero. Non ci si può collegare, no, mi devo collegare con lo smartphone. Scusate, perché volevo farvi vedere la generazione dello schema, ma non potevo farlo prima. Ok, vediamo se ci riusciamo. Quindi, io adesso utilizzerò uno strumento per la validazione e la visualizzazione di uno schema. Questa è la descrizione con JSON-LD dell'immagine, ok? Se voi chiedete di validare questo schema, lo schema valida facciamo visualizzamolo e con l'unico nodo è effettivamente quell'immagine, ok? Con dentro l'informazione che gli avete messo, che sono queste qua. Ora, è davvero sufficiente. Voglio dire, lo schema è valido, perché viene validato, non ci sono errori, sono sarebbero segnalati. Questo schema ha un senso, in realtà non molto, perché in quella pagina non c'è solo l'immagine, ok? C'è tutta l'altra serie di informazioni. Ad esempio, questa immagine è in una pagina web, ok? Quindi, noi prendiamo una nostra pagina web e la aggiungiamo qui. Ok, ora abbiamo un'immagine e una pagina web, però uno sa da una parte e l'altra sa dall'altra. Dobbiamo in qualche modo creare un collegamento per far capire alla macchina che quell'immagine è all'interno di quella pagina web. Come si fa? Si fa attraverso l'ID degli oggetti, ovvero qua vedete che c'è l'ID del primo oggetto immagine. Noi prendiamo l'ID da qui e diciamo un'immagine. A questo punto abbiamo creato un link tra la pagina web e l'immagine. Dicendo, questa immagine è parte di questa pagina web. Quindi, una cosa molto importante di schima è la realizzazione. Perché si chiamano dati strutturati? Perché voi effettivamente create una struttura. Non stiamo solo aggiungendo dei metadati, appicicando dei metateg. Ok, qua stiamo facendo tutta una ragnatela diciamo di collegamenti tra oggetti, tra elementi che descrivono in una maniera abbastanza specifica una pagina web. E possiamo andare avanti, ovvero è vero che c'è una pagina web e la pagina web fa parte di un sito web. Ok, quindi possiamo aggiungere un sito web. Per cui ve la faccio un po' più corta. Prendiamo tutto lo schema che alla fine noi abbiamo una rappresentazione di questo tipo di quella pagina web molto semplice, ovvero. Abbiamo l'immagine che fa parte della pagina web. La pagina web fa parte di un sito, un sito è pubblicato da una persona che almeno non c'è la mia immagine dei gravatar e così via. Quindi, vedete che è vero che semplice schima dal punto di vista sintattico comunque potete semplicemente produrlo ma dovete tener conto di tante cose se volete che sia effettivamente espressivo. Ok, torniamo alla rappresentazione. Quindi fortunatamente visto che ve l'ho fatto vedere in quel modo possiamo saltarci tutta questa parte che mi l'ho creato di backup nel caso non andasse la rete. Quindi, come si fa a capire cosa mettere dentro, quali entità quali proprietà dare all'entità? Ci sono dei citywap da cui potete partire Quale secondo me più utile è Google General Structure Data Guidelines che sono effettivamente delle linee guida anche qualitative su come produrre uno schema che abbia senso tra virgolette, nel senso che uno potrebbe dire sì, che abbia senso per Google ed è effettivamente vero. C'è la search gallery che quindi è una gallery di pezzi di schema, quindi come la web page come l'image, come il website, eccetera eccetera dove Google vi define quali sono le proprietà specifiche che si aspetta che voi specifichiate, scusate il gioco di parole, e quali sono le proprietà diciamo opzionali. C'è anche il reference su schema.org però questo è per un utilizzo avanzato nel senso che voi avete tutte le 700 SPAC entità con tutte le 1000 SPAC da proprietà e sta un po' a voi capire cosa mettere dentro cosa no. Ci sono degli strumenti a supporto molto utili come quello che ho usato adesso, che è questo qui, è ottimo sia per visualizzare che per validare 10 minuti ok? È molto veloce e c'è appunto quella interessante rappresentazione a grafo che potete navigare. Questo è il tool di Google che vi permette come plus diciamo di specificare scusate che vi permette di capire se la vostra pagina supporta i rich snippets e rich results e poi c'è il validatore quello ufficiale di schema.org diciamo volete la cosa poco ufficiale. In ultimo volevo farvi vedere una strategia di implementazione che è una strategia di implementazione questa è quella che usiamo noi a Yoast per produrre lo schema. Un po' più semplificata perché per motivi di tempo. Prima di tutto vorrei farvi diciamo una carrelata di quelle che sono le classi gli oggetti che utilizziamo ovvero c'è un oggetto context dove ci sono dentro tutti i dati del contesto appunto relativi ad una pagina relativi ad una sessione, relativi ad una pagina web da lì diciamo noi prendiamo tutte le informazioni che poi andiamo a passare a tutto il resto della procedura. Abbiamo delle classi presentazione e presenter quanti di voi sono sviluppatori per capire. Ok quindi non sto parlando di una platea ok quindi l'oggetto presentation è un modello, un model abbiamo del paradigma MVC model view controller il presenter consuma una presentation e implementa questo metodo present che appunto inizia il consumo della presentation Abbiamo tutta una serie di generator che permettono di generare diversi pezzi che noi andiamo a inserire nel leader del vostro sito, lo schema è uno dei tanti Open Graph ad esempio e poi abbiamo l'oggetto schema piece che si occupa di generare ogni singolo pezzo dello schema per pezzo intendo la pagina web, il sito web, la persona l'immagine ok i tipi dei vocabularia entrambi implementano appunto il metodo generate, ma in più schema piece implementa il metodo is needed che è quello che decide se quel metodo di schema ha senso che sia prodotto per quella pagina web, ad esempio se voi avete una pagina web senza immagini di certo non andiamo a produrre lo schema piece dell'immagine, si vede bene, sì tutta questa cosa tutta questa imbaradana, come funziona allora quella che è la solo softroot nostra è il context dove vedete ci sono il titolo della pagina, la descrizione l'url, tutto questo è il generare di informazione, se ci sono delle immagini lo schema presenter quindi prende, anche, cioè sia lo schema presenter che generator che piece generator prendono tutti dal context queste informazioni inizia a generare lo schema andando a chiedere quali sono i pezzi che devono essere generati in uno schema generator come viene deciso utilizzando quel metodo is needed ok quindi si fa il ciclo, si mettono i generator, i schema piece generator che vengono utilizzati in quella write graph in schema generator e poi si cicla uno per uno e si richiama il metodo generate per ognuno di questi ok e questa fondamentalmente è in due minuti la nostra strategia di implementazione di schema. Che take a ways sono pochi, sono semplici, ovvero schema.org abbiamo visto che permette di colmare questo fenomeno del semantic gap è già importante per comunque è già anni che viene prodotto che viene raffinato da google se voi andate su developers.google.com loro mensilmente pubblicano delle informazioni su cosa hanno aggiunto cosa hanno modificato negli ultimi come minimo due anni voi vedete una quantità notevole di aggiornamenti relativi a schema quindi questo è simbolo che google stai effettivamente spingendo, stai effettivamente investendo tantissimo su schema appunto lo si vede anche dalle funzionalità più recenti che consumano gli schemi è molto più dei rich snippets come abbiamo visto non è solo per google perché appunto anche altre piattaforme consumano schema che è abbastanza pensabile diciamo che sempre più piattaforme lo utilizzeranno è semplice da capire spero nel senso che non è scritto con un linguaggio di programmazione astruso astratto vedete se volete specificare un'immagine e voi utilizzate la proprietà image e poi gli date l'informazione che vuole quindi è difficile però diciamo è semplice da capire ma è difficile farlo bene bene inteso come farlo in maniera espressiva farlo in maniera che effettivamente rappresenti il contenuto che voi volete che rappresenti grazie grazie, grazie Paolo Scala Paolo, qualcosa per te da World Capitalia grazie di essere venuto vediamo se ci sono 2-3 domande abbiamo qualche minuto ma prima di tutto un applauso per il tecnico di... che è dietro di camera l'escuso allora do la domanda non dai host ciao, grazie intanto volevo sapere se nella definizione dello schema va tutto sempre localizzato sulla pagina, cioè tu hai usato per esempio l'ID si può utilizzare un ID di un oggetto che è stato per esempio definito in un'altra pagina, no deve essere no, adesso è è tutto sulla pagina e quello è effettivamente una grossa limitazione quindi in ogni pagina devi specificare chi è il publisher qual è l'avatar del publisher cose che non sono strettamente specifica quel contenuto ma se tu vuoi che vengano veicolate ad esempio per fare il knowledge graph tutte le pagine devono averlo ok, un altro domande qui ringrazio ancora Paolo per questa cosa perché questo protocollo è veramente importante e tengo ancora a ringraziare per rendere parte dei cipri tutti quanti su questa cosa soprattutto non è che ce l'hanno inventati adesso questo protocollo, cioè lo usa New York Times, la VBF, l'UNESCO insomma è veramente una cosa che tutti i grossi stanno iniziando ad adottarlo manchiamo solo noi e soprattutto per entrare a parte dell'universo più grosso in perconnesso se conoscete WikiData è il più grande, potente, collaborativo in pubblico dominio, database sulla conoscenza degli linked data noi che realizziamo cityweb realizziamo fonti per i progetti wikimedia e solo grazie a questi protocolli sono facilmente interoperabili e accessibili cioè solo no, però sono i principali strumenti quindi ringrazio davvero per questo tema e perché è veramente una cosa che è importante, grazie un'altra domanda qui scusa, schema deve essere compilato a mano sono dei tool e quanto incide sul risultato del ranking di Google allora, può compilarla a mano di solito si usano dei tool ad esempio ci sono tanti tool che lo fanno i host no beh, diciamo che esattamente sta facendo particolar pubblicità perché il plugin gratis lo fa assolutamente quanto incide diciamo che non posso darti un valore diciamo però, come dicevo è molto tenuto in considerazione da Google viene caldeggiato anche dall'interno di Google l'utilizzo di schema soprattutto in maniera corretta perché se lo utilizzi in maniera non scorretta, ma magari anche con il dolo cioè tu dici che questa pagina è una cosa che invece non è come si faceva i tempi con le keywords che c'era il keyword stuffing rischi di essere blacklistato da Google e quindi il tuo sito per tò tempo non viene proposto come risultato di ricerca però è abbastanza importante, non posso darti un valore, non so neanche se sia possibile calcolarlo un valore del genere ma è sicuramente una roba da tenere sempre più considerazione sì, sì, sì, ma per carità anche cioè se tu vai con un validatore qualsiasi quello sì, ma il fatto di quanto pesa lo schema nel asseo non si può dare un valore capito, anche tra l'altro anche noi come io perché è una cosa soggettiva difficile da quantificare ok, vediamo se c'è un'ultima domanda no ok, grazie Paolo buongiorno