Og protocol slide_share

17
Open Graph protocol

Transcript of Og protocol slide_share

Page 1: Og protocol slide_share

Open Graph protocol

Page 2: Og protocol slide_share

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.

Page 3: Og protocol slide_share

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).

Page 4: Og protocol slide_share

Le informazioni all’interno dei meta tag

OG permettono la visualizzazione degli

elementi condivisi su Facebook in maniera

più accattivante.

Page 5: Og protocol slide_share

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

Page 6: Og protocol slide_share

og:image

og:title

og:description

Esempio di condivisione con Open Graph protocol

Page 7: Og protocol slide_share

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

Page 8: Og protocol slide_share

Twitter Cards

Esistono vari tipi di Twitter cards:

Summary card

Summary card con immagini

Photo card

Gallery card

App card

Play card

Product card

Page 9: Og protocol slide_share

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

Page 10: Og protocol slide_share

Summary Card con immagini: simile alla precedente,

ma con un’immagine rilevante al suo interno.

Page 11: Og protocol slide_share

Photo Card: card con una sola immagine al suo

interno.

Page 12: Og protocol slide_share

Gallery Card: card che mette in evidenza quattro

foto.

Page 13: Og protocol slide_share

App Card: permette il download diretto di una

app per smartphone.

Page 14: Og protocol slide_share

Player Card: card che contiene media audio/video.

Page 15: Og protocol slide_share

Product Card: card ottimizata per informazioni sui prodotti

Page 16: Og protocol slide_share

L’Open Graph protocol viene riconosciuto dai

maggiori social network del web:

Facebook

Twitter

Google+

Linked-In

Page 17: Og protocol slide_share

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/