web-dev-qa-db-fra.com

Problème de miniature d'URL de partage Facebook

Duplicate possible:
Comment Facebook Sharer sélectionne-t-il les images?

Vous voulez avoir une miniature de partage lorsque l'utilisateur partage l'URL du site à l'aide du bouton de partage du site qui utilise http://www.facebook.com/sharer.php pour y parvenir.

La dose du site ne comporte pas de balises img, toutes les images sont définies en css.

J'ai ajouté des balises méta pour l'image:

 <meta property = "og: image" content = "/ images/branding/branding-logo.png" />

et

 <link rel = "image_src" href = "/ images/branding/branding-logo.png" />

mais ça ne marche pas :(

facebookfacebook-likefacebook-sharer
15
MatejB

Utilisez la liste complète des Meta Tags Open Graph :

  • og: title - Le titre de l'entité.
  • og: type - Le type d'entité. Vous devez sélectionner un type dans la liste des types Open Graph.
  • og: image - L'URL d'une image qui représente l'entité. Les images doivent avoir au moins 50 pixels sur 50 pixels. Les images carrées donnent de meilleurs résultats, mais vous êtes autorisé à utiliser des images trois fois plus larges que grandes.
  • og: url - L'URL canonique et permanente de la page représentant l'entité. Lorsque vous utilisez des balises Open Graph, le bouton Like permet de publier un lien vers l'og: url au lieu de l'URL dans le code du bouton Like.
  • og: nom_site - Nom lisible par l'homme pour votre site, par exemple "IMDb".
  • fb: admins ou fb: app_id - Liste séparée par des virgules des identifiants Facebook des administrateurs de page ou d'un identifiant d'application de la plate-forme Facebook. Au minimum, n'incluez que votre propre identifiant Facebook.

Utilisez également des URL absolues au lieu de relatives!

EDIT:
Veuillez noter que Facebook met en cache des pages Web pour des périodes spécifiques afin que vous ne remarquiez pas vos modifications immédiatement. Un bon moyen de vérifier si Facebook accepte/prendra vos modifications consiste à simuler un paramètre dans votre URL.
par exemple si votre URL lit: http://example.com/index.php
Ajoutez quelque chose comme: http://example.com/index.php?123 puis utilisez-le dans le URL Linter . ;-)

EDIT 2:
Vous pouvez directement utiliser Facebook Linter (maintenant appelé Debugger ), mais sachez que certaines donnéesne peuvent paspeuvent être modifiées dans certains cas, décrites ici :

Modification des balises méta

Vous pouvez mettre à jour les attributs de votre page en mettant à jour les balises de votre page. Notez que og: title et og: type ne sont initialement modifiables - après que votre page ait reçu 50 mentions J'aime, le titre devient fixe et, après que votre page ait reçu 10 000 «j'aime», le type devient fixe. Ces propriétés sont corrigées pour éviter de surprendre les utilisateurs qui ont déjà aimé la page. Changer le titre ou les balises de type une fois ces limites atteintes ne fait rien, votre page conserve le titre et le type d'origine.

20
ifaour

Collez votre ulr ici https://developers.facebook.com/tools/debug/ . Le débogueur Facebook Open Graph vous dira exactement ce qui se lit sur votre page. Et mettra également à jour le cache facebook de votre page afin qu'il puisse essayer de lire à nouveau les images de celle-ci.

6
Carlos Muñoz

Comme si cela avait été dit, vous devez utiliser des URL absolues, sinon elles ne seront pas affichées. La balise <link> devrait fonctionner correctement.

0
Manuel Pedrera