web-dev-qa-db-fra.com

Facebook ne charge pas l'image de og: image

Cela fonctionnait déjà, mais aujourd’hui, j’ai été surpris, lorsque j’ai essayé de partager le lien et que Facebook ne montrait pas l’image, tirée de la balise méta og: image.

à partir de facebook debugger

Meta Tag:   <meta property="og:description" content="Профессиональная сеть вопросов и ответов,создаваемая и управляемая сообществом пользователей. Ресурс для тех, кто хочет знать ответы на все вопросы." />
Meta Tag:   <meta property="og:title" content="Закрытое экспертное сообщество OdinOtvet" />
Meta Tag:   <meta property="og:type" content="website" />
Meta Tag:   <meta property="og:image" content="http://www.odinotvet.ru/images/logo_250.png" />
Meta Tag:   <meta property="og:url" content="http://www.odinotvet.ru" />
Meta Tag:   <meta property="og:site_name" content="ОдинОтвет" />
Meta Tag:   <meta property="fb:app_id" content="286967601317982" />
Meta Tag:   <meta property="fb:admins" content="100002890978393,100001666575542" />

enter image description here

Où est l'image?

32
Alexei

L'image apparaît dans le débogueur de Facebook (même si elle n'a pas fière allure car vous avez une transparence qui fonctionne mieux avec votre fond gris que FB ne prendra pas)

Aussi, il est préférable d'utiliser une image carrée.

Une chose que j'ai trouvée c'est que Facebook met en cache les métadonnées de leur côté. Ainsi, si nous modifions des éléments tels que des images, elles ne font pas toujours surface jusqu'à ce que le cache soit effacé. Peut-être avez-vous eu la mauvaise image URL/aucune URL dans le passé et FB a mis ce résultat en cache. Si tel est le cas, vous devrez peut-être patienter quelques instants pour qu'il soit effacé et récupérer vos données. Je l'ai vu prendre longtemps (environ une journée) 

21
Bruce Lowe

La réponse est de définir également og:image:width et og:image:height.

Voir aussi: Facebook Open Graph pas d'image pour la première fois

(Lors de mes propres tests, j’ai trouvé que les réglages og:image:width et og:image:height étaient suffisants. Il était inutile de régler og:image:type.)

14
asadovsky

J'ai eu le même problème mais FB Debugger "a dit" que l'image doit être au moins 200px dans les deux dimensions. Quand j'ai redimensionné l'image à 200px par le côté le plus court, tout s'est bien passé. Une autre chose est ce que Bruce a dit - la mise en cache. Je devais commencer une autre page pour tester mon dernier lien.

J'espère que cela aide . Regards

6
Przemek Trepka

Mettez votre URL sur ce site et Facebook vous aidera:

http://developers.facebook.com/tools/debug

Un certain temps facebook montrant de vieux fichiers images de caches donc au dessus de l'URL votre résultat actuel sera donc mis à jour. Une fois cela fait, Facebook stockera votre nouvelle image, après quoi il ne montrera que les nouvelles images.

3
Shiv Singh

Lorsque vous remarquez un problème de cache avec une page que vous souhaitez partager sur Facebook (je veux dire, si vous voyez des valeurs différentes entre le code source de votre page et les valeurs qui apparaissent sur Facebook, ou si vous remarquez des valeurs manquantes), vous pouvez continuer. l'url suivante https://developers.facebook.com/tools/debug/ , donnez l'URL que vous essayez de partager sur Facebook et envoyez le formulaire pour effacer le cache de Facebook . Vous pouvez maintenant réessayer. pour partager votre page, vous devriez voir les mêmes valeurs que dans le code source de votre page.

3
MacSim

Je n'ai réussi à le résoudre que lorsque j'ai placé mon identifiant à partir de l'application créée précédemment

<meta property = "fb:app_id" content = "1234567891011121" />
0
Karra

Pour vider le cache manuellement, ajoutez? V = 2 ou quelques arguments à votre URL, puis cliquez sur "Ajouter une nouvelle URL" et lancez le débogueur Facebook ( https://developers.facebook.com/tools/debug/ ) . Maintenant, essayez à nouveau avec l'URL d'origine (sans? V = 2) et l'image apparaîtra.

0
user3768981