Opengraph (grafo sociale) è un protocollo ideato da Facebook che consente a qualunque tipo di pagina web di diventare un oggetto all’interno di una rete sociale, cioè consente di dare le stesse funzionalità tipiche di un social network a una pagina web.
Si contraddistingue da altri protocolli per la rivoluzionaria (quanto imponente) idea di associare ogni contenuto sociale a persone sociali. Lo vediamo spesso in azione in molte pagine con i vari box di mi piace, raccomandazioni di persone, bottone di login e commenti di pagine. Unaspiegazione più dettagliata la si può trovare nella documentazione dei programmatori di facebook.
Per usare OpenGraph nelle nostre pagine è sufficiente usare alcuni tag (metatag RDFa) all’interno del tag head di ogni pagina html, che sono (i principali):
og:title – Il titolo dell’oggetto come dovrebbe apparire all’interno del grafico;
og:type – Il tipo di oggetto rappresentato, ad esempio “videogames”, “film” o altro;
og:image – L’URL di un’immagine che dovrebbe rappresentare l’oggetto, come fosse un avatar;
og:url – L’URL (in versione canonica) alla risorsa da inserire nel grafo.
Ad esempio, come presente nel sito andreavigato.it:
<meta property="og:locale" content="it_IT" /> <meta property="og:title" content="Andrea Vigato - Webdesign | Home Page" /> <meta property="og:site_name" content="Andrea Vigato Webdesign" /> <meta property="og:description" content="Web e Graphic Design Freelance Italia (Padova, Mantova, Milano): ecommerce, siti dinamici, blog, applicazioni web, hosting, consulenza, SEO, SEM, web marketing, usabilità!" />
Opengraph può essere un problema per chi desidera mantenere la validità agli standard del W3C con DTD XHTML 1.1, sarà sufficiente cambiare la DTD da XHTML 1.1 a XHTML+RDFa 1.0, cioè:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"
Spero sia tutto chiaro!
