リンクシェアの中の画像指定

Open Graphメタタグ

og:imageタグを使って、コンテンツがFacebookにシェアされたときに表示される画像のURLを指定できます。画像プロパティすべてのリストについては、こちらをご覧ください。

要件

可能な画像の最小サイズは200x200ピクセルです。
画像ファイルのサイズは8 MB以下でなければなりません。
高解像度デバイス上での表示が最適な状態になるようにするには、1200x630ピクセル以上の画像を使います。大きな画像を伴うリンクページ投稿を表示するには、最低でも600x315ピクセルの画像を使ってください。

画像が600x315 pxより小さい場合、リンクページ投稿に表示はされますが、サイズはずっと小さくなります。

リンクページ投稿のデザインが変更されて、デスクトップフィードでもモバイルフィードでも画像のアスペクト比は同じになっています。フィードでトリミングなしで画像全体が表示されるようにするには、画像のアスペクト比をできるだけ1.91:1に近いものにしてください。
当社のクローラーで受け付けるエンコードはgzipとdeflateだけなので、自分のサーバーで使用しているエンコードが適切であることを確認してください。

画像を事前にキャッシュに入れる

コンテンツが初めてシェアされると、Facebookクローラーによりシェア対象のURLからのメタデータがスクレイピングされてキャッシュに入れられます。画像をレンダリングするには、その前に少なくとも1回クローラーがその画像を見る必要があります。したがって、コンテンツの一部をシェアする最初の人はレンダリングされる画像を見ないことになります。

これを回避して、最初の「いいね！」またはシェアのアクションで画像がレンダリングされるようにする方法は3通りあります。

シェアデバッガーで画像を事前にキャッシュに入れる: URLデバッガーでそのURLを実行し、ページのメタデータを事前にフェッチします。これは、コンテンツの一部の画像を更新するためにも使用できます。
グラフAPIを使って画像を事前にキャッシュに入れる: グラフAPIを使ってプログラムでURLの強制スクレイピングを実行し、ページのメタデータを事前にフェッチします。これは、コンテンツの一部の画像を更新するためにも使用できます。
og:image:widthおよびog:image:heightのOpen Graphタグを使用する: これらのタグを使ってクローラーに対して画像サイズを指定します。そうすれば、クローラーは画像を非同期でダウンロードして処理することなく、すぐにレンダリングできます。

画像の更新

参照されるすべての画像は各画像のURLに基づいてキャッシュに入れられるため、画像を置換する場合は、次のようにします。

新しい画像には新しいURLを使います。そうしないなら画像は更新されません
置換前の画像は削除しないでください。置換前の画像を参照する既存のストーリーがあるかもしれないからです
当社のクローラーのダウンロードするものが新しい画像であるようにするため、上記のセクションの手順に従ってください。

URLの画像を更新しても、古いシェアのプレビューは自動更新されません。そのためには、シェアを更新する必要があります。こちらの説明をご覧ください。

トラブルシューティング

あるURLについて画像が正しく表示されないという問題が発生した場合は、シェアデバッガーで画像URLをプラグイン接続して、エラーがないかどうか試してください。問題が当社の側にあると思われる場合は、不具合の報告を作成して当社に送ることを検討してください。