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.

Archivio per categoria Strumenti Webmaster

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