web-dev-qa-db-fra.com

Partager sur Facebook - Vignette non affichée pour la première fois

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5

Vous devriez voir qu'il a une vignette maintenant. Mais chaque fois que je poste un nouveau lien depuis mon site Web (configuré comme dans l'exemple ci-dessus), la vignette ne s'affiche pas pour la première fois. Je dois actualiser, puis la vignette montre.

Je devrais inclure des tags og valides. Quand je teste mes liens sur https://developers.facebook.com/tools/debug

Parfois, cela me donne une erreur en disant og: l'image devrait être plus grande. Ensuite, il me suffit de le déboguer à nouveau, puis l'erreur disparaît.

og: l'image de tous mes liens est la même. J'ai fourni la plus grande image 1500x1500. Il n'y a pas de redirection lorsque vous créez un lien vers l'image.

Pourquoi?

facebookthumbnailsshareopengraph
24
user2503176

La raison en est que FB dans les coulisses continue de gratter votre page et de mettre en cache l'image. La prochaine fois, en fait, vous avez aussi l'image . Comment la résoudre? Mise en cache manuelle préalable: https://developers.facebook.com/docs/sharing/best-practices#precaching

ou simplement ajouter

<meta property="og:image:width" content="450"/>
<meta property="og:image:height" content="298"/>
33
Kzar

Selon ce bug dans le traqueur de bogues Facebook: 

Ceci est voulu par la conception, nous ne garantissons pas que la bonne image est immédiatement capturée lorsque vous partagez un lien pour des raisons de performances.

Pour le moment, si vous voulez vous assurer que la bonne image est utilisée avant de publier, assurez-vous de déclencher un effacement via le débogueur ou simplement en chargeant le volet de prévisualisation à deux reprises partager). 

Dès la semaine prochaine (11/11), vous pouvez également vous assurer que la bonne image est immédiatement capturée en décrivant l'image à l'aide de og:image. Une largeur et une hauteur doivent être définies pour pouvoir être utilisées.

9
Dobes Vandermeer
  1. Allez ici
  2. Entrez l'URL de votre vidéo YouTube
  3. Cliquez sur "Récupérer les nouvelles informations de scrap"
  4. Retourner à Facebook
  5. Recharge la page
  6. Entrez à nouveau l'URL

Et ça devrait marcher

0
james

METTRE &AGRAVE; JOUR

Cette solution avec iframe ne fonctionne plus ! A travaillé depuis hier 06 février 2017 . Facebook vient de définir X-Frame-Options asDENYafin que vous ne puissiez pas charger l'URL de partage dans un iFrame . Je suis en train de trouver un autre solution de contournement.

Malheureusement, ajouter og: image: width et og: image: height n'a pas fonctionné pour moi.

J'ai trouvé une solution de contournement à ce problème lié à Facebook: j'ai ajouté un iFrame caché avec le lien de partage dans le pied de page; De cette façon, le robot facebook vérifier la page une fois est chargé.

Exemple d'iFrame caché:

<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe>
0
Dan