web-dev-qa-db-ja.com

Facebookのオープングラフ画像が表示されない

デバッガーでサイトを実行すると、正しいog:imageが表示されますが、サイトの共有ボタンをクリックすると、別の画像が表示されます。 iPadで[共有]ボタンをクリックすると、間違った画像に加えて、正しい画像である2番目の画像が表示されます。 chromeおよびIE9でテストし、どちらも正しいイメージを提供しません。これは数日前まで機能していました。

ウェブサイトはwww.bodhitee.comです

ここに私の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"/>
28
user3044609

URLからWebページをプルすると、Facebookはコンテンツを後でキャッシュします。つまり、Facebookがサイトからデータを一度取得し、サイトが変更される(たとえば、og:imageタグが変更される)場合、Facebookは既にすべてをキャッシュしているため、画像を変更しません。

Facebook Debugger ページにアクセスして、Facebookが「見る」ものを確認してください。このツールを使用すると、Facebookは指定されたURLのデータを強制的に更新します。これがデバッグの最良の方法です。

Facebookが適切なog:imageタグを「認識」していることを確認したら、og:image内の画像が適切な最小幅/高さであることを確認します(すべてfbデバッガーで説明されています)。 Facebookは、FBの基準を満たしていない場合、og:imageの画像を使用しません。

FB上のサイトのコンテンツに問題がある場合は、このツールを強くお勧めします。

57
Kleskowy

私は、安全なURLが呼び出しに追加のコードを必要とすることを読みました。

og:image:secure_url-WebページでHTTPSが必要な場合に使用する代替URL。

4
Derek Mkc

あなたの画像は安全なリンクであることに気付きました。私は同じ問題を抱えていましたが、http(安全でない)に変更し、Facebook Debuggerツールで1回または2回更新しましたが、機能しました!

このQ/Aのog:image httpsの束: FB OpenGraph og:imageはイメージをプルしていない(おそらくhttps?)

2
Mike T

その価値はあるものの、私の問題は、cpanelに「ホットリンク保護」があり、FBが画像を取得して他の場所で共有するのを妨げていたことです。チェックを外したところ、画像が表示されています。

2
Jose Montoro

ここで説明するように、すぐに画像をレンダリングするためにog:image:widthおよびog:image:heightを使用する必要があります: Facebookコンテンツ共有のベストプラクティス

2
goodfellamilos

問題を検出するには、facebookのリンクデバッグを使用する必要があります
https://developers.facebook.com/tools/debug/sharing/
問題を確認したいリンクのみを入力する必要があります。
Facebookがリンクをキャッシュしている場合は、[Scape again]ボタンを押してリンクをリロードします。
リンクに問題がある場合、facebookが警告を表示します。

1
Quy Le

更新するのに約5分待たなければなりませんでした。

0
wieczorek1990

次の行を使用してこれを修正したと思います。私のog:imageタグは完璧で、facebookはそれを見ていたので、それは論理的な意味をなさない。

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