Tips Facebook: Partager une vidéo lisible sur Facebook depuis son site

Publié par Gui dans Facebook, Tips

Inutile de vous dire que partager le contenu d’un site sur Facebook est primordial dans la course au « référencement social ». Cependant les techniques ont un peu changé. Eh oui, merci Facebook de changer la documentation tous les quatre lundis, ça nous rend la tache plus facile !

Je vous propose donc une solution pour partager un contenu vidéo de votre site, afin que celui-ci soit lisible directement depuis la page Facebook.

Alors qu’il suffisait d’avoir une balise <meta> supplémentaire (la balise <image_src … />), la venue d’Open Graph a quelque peu changé la donne.

Maintenant tout un ensemble de nouvelles balises <meta> ont vu le jour. Ainsi pour partager une vidéo sur Facebook, il vous faudra insérer ces balises dans l’entête de votre page :

<meta property="og:title" content="Le beau titre de ma page">
<meta property="og:description" content="Sa belle description">
<meta property="og:type" content="video">
<meta property="og:image" content="http://www.monsite.com/image_preview.jpg">
<meta property="og:video" content="http://www.monsite.com/video1.html">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="398">
<meta property="og:video:height" content="264">
<meta property="og:site_name" content="monsite">

Les deux premières balises ne sont pas indispensables puisqu’elles sont déjà présentes normalement dans la page. En revanche, la suite est plus intéressant !

  • La balise « og:type »définit la nature du contenu à partager (photo, vidéo, etc…)
  • La balise « og:image » définit dans le cas d’une vidéo l’image arrêtée de celle-ci
  • La balise « og:video » définit le chemin vers la vidéo (Attention vidéo au format swf obligatoirement !)

A notre que la résolution de la vidéo (398×264) correspond à la surface d’affichage possible dans Facebook. Si vous mettez une résolution supérieure, la vidéo ne sera pas affichée en entier (elle sera tronquée).

Important également, le chemin vers la vidéo doit mener vers un fichier .swf contenant un lecteur pour lire la vidéo, le lecteur n’est pas fourni par Facebook.

Cette méthode ne s’applique pas seulement aux vidéos, il suffit d’enlever les balises « og:video… » pour partager des contenus images.

Outils

Voici un outil bien pratique pour visualiser la manière dont votre contenu sera partagé sur Facebook: http://developers.facebook.com/tools/lint

4 commentaires

  1. Ayoub

    Bonjour, merci beaucoup pour l’astuce cependant je voulais savoir si cette démarche reste valable pour des videos sur youtube, daily motion ou vimeo.
    Merci

  2. false

    Bonjour, je n’ai pas réussi à trouver le type ‘video’ pour la balise og:type.

    Youtube utilise en effet mais daprès la doc facebook (https://developers.facebook.com/docs/opengraph/#types), ‘video’ n’apparait pas dans leur liste 😡

    Ça fonctionnera quand même si je met ‘article’ comme le préconise facebook ?

    Merci

  3. Pierre

    Bonjour,

    Je bloque la dessus depuis une semaine et je commence a en devenir fou…

    Tres simplement, j ai une chaine de teaser de video de ski sur mon site ( videos trouvées sur youtube) et j’aimerais qu’elle soit aussi sur facebook mais que le lien de la video vienne de mon site et non de youtube.

    J’utilise le CMS drupal 7.

    Comment faire pour créer des meta property sur drupal 7?

    Est ce qu’il faut des meta property différent à chaque video?

    Il y a t il un module pour faire cela?

    Merci d’avance,

    Pierre

Laisser une réponse


Post shadow