Utilisation des balises Open Graph

le Lundi 19 Septembre 2011

Votre CMS préféré utilise Open Graph.

Si vous ne connaissez pas l'Open Graph Protocol, retenez qu'il s'agit d'une collection de balises inventées par Facebook pour décrire vos pages. Ces balises permettent d'ajouter du "sens" à vos contenus. Cela rend leur partage dans les réseaux sociaux plus efficace. Ces balises participent également à l'amélioration de votre référencement.


Un exemple concret

Utilisation des balises Open Graph
Prenons pour exemple l'article Vidéo de la conférence Monitoring & Dashboards.

Grâce à Open Graph, nous pouvons spécifier dans le code html de cette page qu'elle contient une vidéo. Lorsque la page est partagée sur Facebook, la vidéo est détectée et le player de votre site est appelé. Il est alors possible de lire directement la vidéo dans Facebook.

Vu que c'est votre player, si vous avez inséré une watermark, une publicité préroll, une publicité textuelle, etc., celles-ci apparaitront également au moment de la lecture de la vidéo.




Nous avons intégré les balises Open Graph sur la home de votre site, la page article pour le CMS et la page vidéo pour la Web TV.

Pour le cas spécifique de la home, les balises og permettent d'associer une vignette par défaut à votre site. Il s'agit de la vignette intitulée "Image du site" dans :
- pour le CMS,  Administration > Préférences
- pour la Web TV, Paramètres > Paramètres du site

Ce que j'apprécie particulièrement, c'est lorsque l'on clique sur le bouton "J'aime" d'une de vos pages. Sur le wall Facebook, le lien qui est généré est beaucoup percutant. Il reprend le titre de l'article, la vignette et la description. L'information est mise en valeur, cela augmente vos chances de récupérer du trafic sur votre site.

Open Graph et schema.org sont les technologies prometteuses dans le domaine du web sémantique. Nous continuons notre veille active sur le sujet et nous allons progressivement déployer leur utilisation dans WMaker.


Jerome Granados
Jérôme s'occupe de la promotion de WMaker. Il accompagne les prospects dans la découverte de la... En savoir plus sur cet auteur


Vos commentaires

1.Posté par Yannick Sourisseau le 19/09/2011 23:08 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci, on avance, mais après un débugage de notre site (avec URL Linter) toujours planté sur FB, Nous avons le message suivant :

Required Property Missing og:url is required. The Like Plugin will only generate one-line stories unless this property is provided.

Cordialement

2.Posté par Jerome Granados le 20/09/2011 11:00 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@Yannick : cette erreur concerne uniquement la home (elle a été corrigée depuis)

Pour vos pages articles, le partage fonctionne correctement, nous venons de faire le test avec J.Pietri (voir pj)

3.Posté par eduardo le 21/09/2011 18:58 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci, mais dans Administration > Préférences de notre site n’apparaît pas "Image du site" , mais seulement le favico, l'image back office et l'image post cast... ou est l'image du site?
cordialement

4.Posté par Jerome Granados le 22/09/2011 10:38 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@eduardo, c'est bien "imagen del sitio para podcast" qu'il faut utiliser. Je ne l'ai pas précisé dans la note, mais nous utilisons bien ce qui s'appelait avant l'image podcast comme image du site. Je vais de ce pas faire la traduction dans les back office espagnols. Merci de nous l'avoir signalé.

5.Posté par eduardo le 22/09/2011 10:44 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci a vous...

6.Posté par Yannick Sourisseau le 24/09/2011 09:39 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci de votre travail efficace, comme d'habitude, ça marche désormais avec Facebook, les publications sont redevenues normales. Bravo à toute l'équipe

7.Posté par Florent Vogel le 29/09/2011 07:51 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je connaissais pas l'Open Graph, mais en effet ça a l'air prometteur
Toujours au top comme d'habitude WMaker :)

8.Posté par Piotr Petrovitch le 13/12/2011 15:48 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Facebook