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"/>
facebookfacebook-opengraph
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