web-dev-qa-db-fra.com

Image graphique ouverte Facebook ne s'affiche pas

J'ai exécuté mon site via le débogueur et le correct og: l'image se redresse, mais lorsque je clique sur le bouton de partage de mon site, je reçois une image différente. Si je clique sur le bouton de partage de mon ipad, je reçois la mauvaise image plus une seconde image, celle-ci étant correcte. Testé en chrome et IE9 et ni me donner la bonne image. Cela fonctionnait jusqu'à il y a quelques jours.

le site Web est www.bodhitee.com

Voici mes tags OG

<meta property="og:title" content="20% of each sale helps fight reckless fracking and mining."/>
<meta property="og:description" content="www.bodhitee.com: Cool Baby and Kids Clothes for a Cause"/>
<meta property="og:image" content="https://www.bodhitee.com/product_images/uploaded_images/bodhitee-fb-earthworks-nofrack.jpg"/>
26
user3044609

Lorsque vous extrayez une page Web d'une URL, Facebook met en cache son contenu pour une utilisation ultérieure. Cela signifie que si Facebook extrait une fois les données de votre site et que votre site change (par exemple, vos balises og: image changent), Facebook ne modifiera pas l'image car il a déjà tout mis en cache de son côté.

Essayez de visiter Facebook Debugger page et examinez ce que Facebook "voit". L'utilisation de cet outil force Facebook à actualiser les données de l'URL donnée. C'est le meilleur moyen de le déboguer.

Lorsque vous vous assurez que Facebook "voit" les balises og: image appropriées, assurez-vous que les images dans l'og: image ont la largeur/hauteur minimale appropriée (tout cela est expliqué dans le débogueur fb). Facebook n'utilisera pas d'image de og: image si elle ne répond pas aux critères de FB.

Je recommande fortement cet outil en cas de problème avec le contenu de votre site sur FB.

56
Kleskowy

J'ai lu que l'URL sécurisée doit comporter un code supplémentaire lors de l'appel.

og: image: secure_url - Une autre URL à utiliser si la page Web nécessite HTTPS.

3
Derek Mkc

J'ai remarqué que votre image est un lien sécurisé. J'avais le même problème, mais je l'ai changé en http (non sécurisé) et j'ai effectué 1 ou 2 actualisations dans l'outil Facebook Debugger et cela a fonctionné!

Bouquet de og: images https dans cette Q/A: FB OpenGraph og: image ne tirant pas d'images (éventuellement https?)

2
Mike T

Pour ce qui en vaut la peine, mon problème était que j'avais une "protection de lien hypertexte" sur mon cpanel, ce qui empêchait FB de récupérer l'image et de la partager ailleurs. Je l'ai décochée et maintenant, elle montre l'image.

2
Jose Montoro

Vous devez utiliser og: image: width et og: image: height Ouvrez les balises Graph afin de rendre l'image immédiatement, comme décrit ici: Meilleures pratiques de partage de contenu Facebook

2
goodfellamilos

Vous devriez utiliser le lien de débogage de facebook pour détecter les problèmes
https://developers.facebook.com/tools/debug/sharing/
Il vous suffit de saisir votre lien pour vérifier les problèmes.
Si votre lien que facebook a mis en cache, appuyez sur le bouton [Scape again] pour recharger votre lien.
Si vous rencontrez des problèmes avec votre lien, alors Facebook vous avertira.

1
Quy Le

J'ai juste dû attendre environ 5 minutes pour le rafraîchissement.

0
wieczorek1990

Je crois avoir résolu ce problème en utilisant la ligne suivante. Cela n’a aucun sens logique pour moi car mon og: le tag image était parfait et Facebook l’a vu.

<meta itemprop="image" content="https://blahblahurl.png">
0
Alex Levine