Titolo

Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et dolore feugait

OGP – Condividi le tue pagine web sui social network

Scopri tutti i segereti del protocollo Open Graph

Grazie al protocollo Open Graph , ogni pagina web viene trasformata in una serie di informazioni denominate “meta” che rendono possibile l’integrazioni con i vari social media (es.: facebook).
In questo modo la pagina diventa un “oggetto” che può essere utilizzato per rappresentare le informazioni formattate correttamente per i social media.

Metadati base

Attraverso i vari “metadati base” è possibile indicare qual è il titolo di una pagina, qual è la descrizione, l’immagine principale da associare alla pagina, il tipo di contenuto visualizzato, ecc.
Le quattro proprietà richieste per ogni pagina sono:

  • og:title – il titolo del vostro oggetto come dovrebbe apparire all’interno del grafico, ad esempio, “The Rock”.
  • og:type – Il tipo del vostro oggetto, ad esempio, “video.movie”. A seconda del tipo specificato, può anche essere richiesto altre proprietà.
  • og:image – Un URL immagine che dovrebbe rappresentare l’oggetto all’interno del grafico.
  • og:url  – L’URL canonica del vostro oggetto che verrà utilizzato come ID permanente nel grafico, ad esempio, “http://www.masilib.it/the-open-graph-protocol/”.
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

Metadati opzionali

Le seguenti proprietà sono facoltative per qualsiasi oggetto e sono generalmente raccomandate:

  • og: audio – Un URL di un file audio per accompagnare questo oggetto.
  • og:description – Una frase che descrive il vostro oggetto.
  • og:determiner – La parola che compare prima del titolo di questo oggetto. Tipo (un, uno, il, “”, auto). Se viene scelto auto, la scelta sarà tra “un” o “uno”. L’impostazione predefinita è “” (blank)
  • og: locale – La località dei tag contrassegnati nel formato. language_TERRITORY . Il valore predefinito è en_US .
  • og:locale:alternate – Una serie di altre località disponibili in questa pagina.
  • og: site_name – Se l’oggetto è parte di un sito web più grande, il nome che deve essere visualizzato per il sito nel suo complesso.
  • og: il video – Un URL di un file video che integra questo oggetto.
<meta property="og:audio" content="http://example.com/bond/theme.mp3" />
<meta property="og:description" 
  content="Sean Connery found fame and fortune as the
           suave, sophisticated British agent, James Bond." />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="http://example.com/bond/trailer.swf" />

Link Utili

 

masilib

Lascia un commento