Approfondimento sull'Open Graph protocol, ciò che permette ad ogni pagina web di sincronizzare i contenuti condivisi della pagina ottimizzando la presenza del sito web su Facebook e Twitter.

1. Open Graph protocol

2. L’Open Graph protocol è stato creato
da Facebook nel 2010.
Permette ad ogni pagina web di
sincronizzare i contenuti condivisi della
pagina ottimizzando la presenza del
sito web su Facebook e Twitter.

3. Grazie ai meta tag OG si possono creare
contenuti più ricchi di informazioni con
l’obiettivo di creare maggiore interazione,
popolarità dei post e visite.
I tag OG vengono inseriti nella sezione
”head” del codice HTML di un sito web e
sono riconosciuti da Facebook e da Twitter.
Anche altri social network sono in grado di
leggere i meta tag OG (Google+,
LinkedIn).

4. Le informazioni all’interno dei meta tag
OG permettono la visualizzazione degli
elementi condivisi su Facebook in maniera
più accattivante.

5. Aspetti principali sui quali opera l’OG protocol:
-Title: aiuta i motori di ricerca sul topic ed il
contenuto della pagina
-Url: l’url dell’oggetto usato come “ID” su web
-Image: l’immagine che rappresenta l’oggetto
sul web
-Type: il tipo di oggetto del post, es. video,
articolo, ecc.
-Description: descrizione dell’oggetto condiviso

6. og:image
og:title
og:description
Esempio di condivisione con Open Graph protocol

7. Twitter Cards
Anche Twitter ha sviluppato, grazie ai tag OG,
una feature che permette di pubblicare tweet
più interattivi grazie ad immagini, video,
descrizioni e così via.
Per l’inserimento dei tag OG su Twitter è
necessario essere abilitati come account.
twitter: title
twitter: description
twitter:image

8. Twitter Cards
Esistono vari tipi di Twitter cards:
Summary card
Summary card con immagini
Photo card
Gallery card
App card
Play card
Product card

9. Twitter Cards - alternative
Summary Card: card base, include una descrizione, un titolo e
l’attribuzione all’account Twitter.

10. Summary Card con immagini: simile alla precedente,
ma con un’immagine rilevante al suo interno.

11. Photo Card: card con una sola immagine al suo
interno.

12. Gallery Card: card che mette in evidenza quattro
foto.

13. App Card: permette il download diretto di una
app per smartphone.

14. Player Card: card che contiene media audio/video.

15. Product Card: card ottimizata per informazioni sui
prodotti

16. L’Open Graph protocol viene riconosciuto dai
maggiori social network del web:
Facebook
Twitter
Google+
Linked-In

17. Link di approfondimento
http://ogp.me/
https://blog.kissmetrics.com/open-graph-
meta-tags/
http://www.quora.com/Do-OpenGraph-
meta-tags-have-an-impact-on-SEO
http://www.artofblog.com/how-open-
graph-250-increase-traffic/
http://wearesocial.it/blog/2012/02/facebo
ok-opengraph-cos-si-sta-evolvendo/