web-dev-qa-db-ja.com

Facebookはog：imageから画像をロードしません

すでに機能していましたが、今日、リンクを共有しようとしたときに驚きました。Facebookはog：imageメタタグからの画像を表示しませんでした。

from 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

画像はどこにありますか？

facebookfacebook-opengraph
33
Alexei

画像はFacebookデバッガーに表示されます（ただし、FBが使用できない灰色の背景に最適な透明度があるため、見栄えはよくありません）

正方形の画像を使用することも最適です。

Facebookがメタデータを彼らの側でキャッシュすることを私が見つけたことが一つあります。そのため、画像のようなものに変更を加えても、そのキャッシュがクリアされるまで、それらは常に表面化するとは限りません。過去に間違った画像のURLがあったり、URLがなかったりして、FBがその結果をキャッシュした可能性があります。その場合、データをクリアして再度取得するまでしばらく待つ必要があります。しばらく時間がかかりました（1日程度）

22
Bruce Lowe

答えは、og:image:widthとog:image:heightも設定することです。

参照： Facebook Open Graph No Image First Time

（私自身のテストでは、og:image:widthとog:image:heightの設定で十分であることがわかりました。og:image:typeの設定は不要です。）

15
asadovsky

私は同じ問題を抱えていましたが、FBデバッガーは、画像が両方の次元で少なくとも200pxである必要があると「言いました」。画像のサイズを200pxに変更すると、すべてがうまくいきました。別のことは、ブルースが言ったことです-キャッシング。最終リンクをテストするには、別のページを開始する必要がありました。

お役に立てれば。よろしく

6
Przemek Trepka

Facebookで共有したいページでキャッシュの問題に気づいたとき（ページのソースコードとfacebookに表示される値の値が異なる場合、または値が欠落していることに気付いた場合）、次に進むことができます次のURL https://developers.facebook.com/tools/debug/ 、facebookで共有しようとしたURLを指定し、facebookキャッシュをクリアするフォームを送信します。これで、ページの共有を再試行できます。ページのソースコードと同じ値が表示されるはずです。

4
MacSim

このサイトにURLを入力すると、Facebookが役立ちます。

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

古いキャッシュ画像ファイルを表示する一部のタイムフェイスブックでは、URLの上に現在の更新結果が表示されます。 facebookが新しい画像を保存すると、新しい画像のみが表示されます。

3
Shiv Singh

以前に作成したアプリケーションからIDを配置したときにのみ解決できました

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

手動でキャッシュを空にするには、？v = 2または引数をURLに追加し、[新しいURLを追加]をクリックしてFacebookデバッガーを起動します（ https://developers.facebook.com/tools/debug/ ）。次に、元のURL（？v = 2なし）で再試行すると、画像が表示されます。

0
user3768981