Le protocole Open Graph a été lancé en 2010 par Facebook dans le but d'ajouter des données structurées aux Pages Web afin de permettre un meilleur contrôle sur l'affichage des contenus lorsqu'ils sont partagés.
Lorsque l'on partage un post sur Facebook, on peut modifier manuellement l'image, le titre et la description. Cependant, cette personnalisation fonctionne uniquement au niveau du partage lui-même, car le lien ne subit aucune modification. Ainsi, dans les partages effectués par d'autres Utilisateurs (en copiant-collant l'URL ou en utilisant les touches j'aime/partager) le titre, la description et les images d'aperçu chargés automatiquement par Facebook continueront à s'afficher. À l'aide du protocole Open Graph il est donc possible de personnaliser une URL afin de gérer sa présentation lorsqu'elle sera partagée.
Avec le protocole Open Graph, n'importe quelle Page Web fait donc partie du Graphe Social et devient un objet susceptible d'interagir avec les Réseaux Sociaux.
Le protocole Open Graph a été reconnu également par d'autres plateformes sociales telles que Twitter, Google+ et LinkedIn.
|
Pour plus d'informations sur le Protocole Open Graph, accédez au Site officiel : ogp.me/.
|
En pratique, le protocole Open Graph est fondé sur une série de balises qui peuvent être personnalisées pour définir les éléments de la Page Web à rendre visibles, et de quelle manière, lorsqu'elle sera partagée sur Facebook. Ces informations sont insérées dans les balises <head> de la Page et sont donc invisibles à l'Utilisateur jusqu'à ce qu'il décide de partager la Page.
Les balises de base de l'Open Graph sont les suivantes :
| ▪ | og:title – le titre que vous souhaitez attribuer au contenu. |
| ▪ | og:description – la description du contenu. |
| ▪ | og:type – le type de contenu, par exemple un article ou une vidéo. |
| ▪ | og:image – l'URL de l'image à utiliser pour le partage. |
| ▪ | og:url – l'URL canonique (c'est-à-dire l'URL absolue, sans paramètres, variables ni compteurs) à utiliser comme ID associé à la Page Web. |
Outre les balises de base, il existe une série de balises facultatives que l'on peut ajouter pour préciser ultérieurement certaines propriétés du contenu. Par exemple :
| ▪ | og:audio – l’adresse à un fichier audio associé avec l'objet. |
| ▪ | og:locale – la langue du contenu, exemple it_IT. |
| ▪ | og:site_name – le nom du site, sans DPN ni www. |
| ▪ | og:audio – l’adresse à un fichier vidéo associé avec la page. |
Il existe encore de nombreuses autres balises pouvant être utilisées en fonction des contenus que l'on souhaite promouvoir.
|
Pour contrôler l'implémentation correcte des balises OpenGraph, l'outil Facebook Debugger est disponible.
Cet outil permet également d'envoyer à nouveau les informations fournies à l'aide des balises, lorsque celles-ci ont été modifiées.
|
|
WebSite X5 utilise le protocole Open Graph dans la création du code des Pages Web. À ce propos, il est nécessaire d'apporter les précisions suivantes :
| ▪ | Comme valeur de la balise og:image est reprise l'URL de l'image spécifiée avec l'option Image du Site présente dans Paramètres du Site | Général. |
| ▪ | L'image définie avec l'option Image du Site est utilisée pour le partage de toutes les Pages du Site, exception faite des Pages du Blog si des posts avec un diaporama sont partagés : dans ce cas, l'image est remplacée par la première image présente dans le diaporama. |
| ▪ |  Les valeurs des autres balises sont reprises et configurées automatiquement par le programme. |
|
