Le protocole Open Graph
Transcription
Le protocole Open Graph
Le protocole Open Graph Référence : http://www.opengraph.be/ (pour en savoir plus) Le protocole Open Graph créé par Facebook permet de transformer toute page du web en objet riche intégré dans le graph social. Au sein de l'eco-système Facebook, il permet à n'importe quelle page web d'avoir les mêmes fonctionnalités qu'une Page Officielle sur Facebook.com. Il est le plus couramment utilisé pour spécifier un titre de page pour les fins de l'affichage sur Facebook. De nombreux développeurs web qui gèrent les sites ont un bouton « Facebook Like ». Ils utilisent la balise meta pour indiquer le titre du site qui affiche sur Facebook lorsque la personne clique sur "J'aime". OG signifie Open Graph, qui est la méthode de transfert de données utilisé par Facebook dans leur plus récente de l'API. Les balises Open Graph fondamentales Pour transformer votre page web en objet du graph, vous devez lui ajouter des balises fondamentales. La version initiale du protocole open graph s'appuie sur celle du RDFa, ce qui signifie que vous devrez placer des balises additionnelles <meta> dans le <head> de votre page web. Les quatre propriétés requises pour chaque page sont : • • • • og:title - Le titre de votre objet comme il devrait apparaitre dans le graph social, par exemple : "The Rock". og:type - Le type de votre objet, par exemple : "movie". En fonction du type que vous avez spécifié, d'autres propriétés peuvent être requises. og:image - Une URL pointant vers une image qui représente votre objet dans le graph social. og:url - L'URL canonique de votre objet qui sera utilisée comme ID permanent dans le graph, par exemple "http://www.imdb.com/title/tt0117500/". Voici un exemple des métas utilisés sur le site du Cégep de Matane : <!-- pour pouvoir lier votre page Facebook à votre site internet, vous devez mettre sur votre site la balise meta fb:admins de Facebook --> <meta property="fb:admins" content="575726795"/> <!-- facebook id --> <!-- métadonnées d'Open Graph --> <meta property="og:title" content="Cégep de Matane - Cégep de Matane" /> <meta property="og:type" content="Website" /> <meta property="og:url" content="http://www.cegep-matane.qc.ca/" /> <meta property="og:image" content="http://www.cegepmatane.qc.ca/medias/facebook-opengraph-cegep-passion.jpg" /> <meta <meta <meta <meta <meta <meta <meta property="og:latitude" content="48.84087" /> property="og:longitude" content="-67.49740" /> property="og:street-address" content="616, avenue Saint-Rédempteur" /> property="og:locality" content="Matane" /> property="og:region" content="QC" /> property="og:postal-code" content="G4W 1L1" /> property="og:country-name" content="CANADA" /> 1/2 Facebook Insight Facebook permet aux webmasters de suivre l’utilisation, l’évolution et le partage de votre contenu au sein du réseau. <meta property="fb:admins" content="ID_FACEBOOK_DU_WEBMASTER" /> Facebook dispose d’un outil de statistiques, Facebook Insights, que vous pouvez installer sur votre site Web ou votre blog. Cet outil permet de suivre en temps réel le nombre de mentions de votre site sur Facebook (clics sur J’aime et partages) et le nombre de clic vers votre site depuis Facebook, ainsi que le nombre de commentaires, les données démographiques des visiteurs (âge, sexe, langue, pays) et la liste des pages les plus populaires. Voir : http://devset.be/193-comprendre-les-insights-statistiques-facebook/ Comment connaître son facebook id ou l'id de sa page ? 575726795 http://alakees.com/comment-connaitre-son-facebook-id-ou-lid-de-sa-page/ 2/2
Documents pareils
The Open Graph Protocol
og:image – l’URL de la representation de l’objet dans le graphe