Web Design

Opengraph e W3C

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!

Andrea Vigato

Author Andrea Vigato

freelance | creazione siti web | consulenza aziendale

More posts by Andrea Vigato