web-dev-qa-db-ja.com

Facebookで共有-サムネイルが初めて表示されない

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5

サムネイルが表示されているはずです。しかし、（上記の例のように構成された）Webサイトから新しいリンクを投稿するたびに、サムネイルが初めて表示されません。更新する必要があります。次にサムネイルが表示されます。

有効なogタグを含める必要があります。 https://developers.facebook.com/tools/debug でリンクをテストすると

Og：imageを大きくする必要があるというエラーが表示される場合があります。その後、もう一度デバッグするだけでエラーが発生しなくなります。

すべてのリンクのog：imageは同じです。最大の画像を提供しました1500x1500。画像にリンクする場合、リダイレクトはありません。

どうして？

facebookthumbnailssharefacebook-opengraph
26
user2503176

その理由は、舞台裏のFBがまだページをこすり、画像をキャッシュしているためです。次回は、実はあなたもイメージがあります。それを解決するには？手動事前キャッシュ： https://developers.facebook.com/docs/sharing/best-practices#precaching

または単に追加

<meta property="og:image:width" content="450"/>
<meta property="og:image:height" content="298"/>
36
Kzar

これによると バグ Facebookバグトラッカーで：

これは設計によるものであり、パフォーマンス上の理由でリンクを共有したときにすぐに正しい画像が取得されることを保証するものではありません。

現在、投稿する前に正しい画像が使用されていることを確認したい場合は、デバッガーを使用するか、プレビューペインを2回ロードするだけでスクレイプをトリガーしてください（一度スクレイピングをトリガーしてから、一度完全にスクレイピングをプレビューしてください）共有）。

来週（11/11）からは、og:image。これを使用するには、幅と高さの両方を定義する必要があります。

9
Dobes Vandermeer
  1. 行く ここ
  2. YouTube動画のURLを入力してください
  3. 「新しいスクレイプ情報を取得する」をクリックします
  4. Facebookに戻る
  5. ページを再読み込み
  6. もう一度URLを入力してください

そしてそれはうまくいくはずです

0
james

[〜＃〜]更新[〜＃〜]

Iframeを使用したこのソリューションもう機能していません！ 2017年2月6日から働きます。FacebookはX-Frame-Optionsを[〜＃〜] deny [〜＃〜]と設定するだけなので、共有URLをiFrame。私は別の回避策を考え出しています。

残念ながら、og：image：widthとog：image：heightを追加してもうまくいきませんでした。

このFacebookのバグの回避策が見つかりました。ページフッターに共有リンクを含む非表示のiFrameを追加しました。このようにして、facebookクローラーは一度ロードされたページをチェックします。

非表示のiFrameの例：

<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe>
0
Dan