Il protocollo Open Graph è stato introdotto nel 2010 da Facebook con lo scopo di aggiungere dati strutturati alle Pagine Web in modo da permettere di avere un maggiore controllo su come i contenuti appaiono quando vengono considivisi.
Quando si condivide un post su Facebook è possibile modificare manualmente immagine, titolo e descrizione. Questa personalizzazione, però, funziona solo a livello della singola condivisione perchè il link, di fatto, non subisce alcuna modifica. Così, nelle condivisioni effetuate da altri Utenti (copiando e incollando la URL o utilizzando i tasti mi piace/condividi) continueranno ad essere visualizzati il titolo, la descrizione e le immagini di anteprima caricati in automatico da Facebook. Tramite il protocollo Open Graph è possibile, dunque, personalizzare una URL in modo da gestire come verrà presentata anche quando verrà codivisa.
Tramite il protocollo Open Graph, quindi, qualsiasi Pagina Web diventa parte del Social Graph, ovvero diventa un oggetto in grado di interagire con i Social Network.
Il protocollo Open Graph è stato riconosciuto anche da altre piattaforme social, come Twitter, Google+ e LinkedIn.
|
Per maggiori informazioni sul Protocollo Open Graph, accedere al Sito ufficiale: ogp.me/.
|
In pratica, il protocollo Open Graph si basa su una serie di tag che possono essere personalizzati per definire cosa e come della Pagina Web sarà visibile nel momento in cui sarà condivisa su Facebook. Tali informazioni vengono inserire nei tag <head> della Pagina e sono, perciò, invisibili all'Utente finchè non decide di effettuare una condivisione della Pagina stessa.
I tag di base dell'Open Graph sono:
| ▪ | og:title – il titolo che si vuole assegnare al contenuto. |
| ▪ | og:description – la descrizione del contenuto. |
| ▪ | og:type – il tipo di contenuto, ad esempio un articolo, o un video. |
| ▪ | og:image – la URL dell’immagine da utilizzare per la condivisione. |
| ▪ | og:url – la URL canonica (ovvero la URL assoluta, senza parametri, variabili o contatori) da usare come ID associato alla Pagina Web. |
Oltre ai tag di base, ci sono poi una serie di tag facoltativi che è possibile aggiungere per specificare ulteriormente alcune proprietà del contenuto. Per esempio:
| ▪ | og:audio – l’indirizzo ad un file audio associato con l’oggetto. |
| ▪ | og:locale – la lingua del contenuto, esempio it_IT. |
| ▪ | og:site_name – il nome del sito, senza TLD e senza www. |
| ▪ | og:video – l’indirizzo ad un file video associato con la pagina. |
A tutti questi tag, se ne aggiungono molti altri che possono essere utilizzati a seconda dei contenuti che si vogliono promuovere.
|
Per controllare la corretta implementazione dei tag OpenGraph è disponibile lo strumento Facebook Debugger.
Questo strumento permette anche di inviare nuovamente le informazioni fornite tramite i tag, nel caso in cui siano state modificate.
|
|
WebSite X5 utilizza il protocollo Open Graph nella creazione del codice delle Pagine Web. A tal proposito è opportuno fare le seguenti precisazioni:
| ▪ | Come valore del tag og:image viene ripresa la URL dell'immagine specificata attraverso l'opzione Immagine per il Sito presente in Impostazioni del Sito | Generale. |
| ▪ | L'immagine impostata attraverso l'opzione Immagine per il Sito viene utilizzata per la condivisione di tutte le Pagine del Sito ad eccezione delle Pagine del Blog se vengono condivisi dei post in cui è inserito uno slideshow: in questi casi viene sostituita con la prima immagine presente nello slideshow stesso. |
| ▪ |  I valori degli altri tag vengono ripresi e impostati in automatico dal programma. |
|
