Facebook Sharer を使用すると、Facebook は、ソースから取得したいくつかの画像のうち 1 つをリンクのプレビューとして使用するオプションをユーザーに提供します。これらの画像はどのように選択されるのでしょうか。また、ページ上の特定の画像が常にこのリストに含まれるようにするにはどうすればよいでしょうか。
ベストアンサー1
ページが共有されたときにどの画像を使用するかを Facebook に伝えるにはどうすればいいですか?
Facebookにはオープングラフメタタグどの画像を表示するかを決定するために参照します。
Facebook 画像のキーは次のとおりです。
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<head></head>
ページ上部のタグ内に存在する必要があります。
これらのタグが存在しない場合は、画像を指定するための古い方法を探します: <link rel="image_src" href="/myimage.jpg"/>
。どちらも存在しない場合、Facebook はページのコンテンツを確認し、共有画像の基準を満たす画像をページから選択します: 画像は少なくとも 200 x 200 ピクセル、最大アスペクト比は 3:1、形式は PNG、JPEG、または GIF である必要があります。
ユーザーが画像を選択できるように複数の画像を指定することはできますか?
はい、複数の画像メタタグを、表示したい順序で追加するだけです。すると、ユーザーには画像選択ダイアログが表示されます。
適切な画像メタタグを指定しました。なぜ Facebook が変更を受け入れないのでしょうか?
URLが共有されると、ユーザーエージェントが であるFacebookのクローラーがfacebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php)
ページにアクセスし、メタ情報をキャッシュします。Facebookサーバーに強制的にキャッシュをクリアさせるには、Facebook URL デバッガー / リンター ツール彼らは2010年6月に発売キャッシュを更新し、ページ上のメタタグの問題をトラブルシューティングします。
また、ページ上の画像はFacebookクローラーからアクセス可能でなければなりません。絶対URLを指定する必要があります。http://example.com/yourimage.jpg単に /yourimage.jpg ではなく、
これらのメタ タグを Javascript や jQuery などのクライアント側コードで更新できますか?いいえ。検索エンジン クローラーと同様に、Facebook スクレーパーはスクリプトを実行しないため、ページのダウンロード時に存在するメタ タグは、画像の選択に使用されるメタ タグになります。
これらのタグを追加すると、ページが検証されなくなります。どうすれば修正できますか?
必要な Facebook 名前空間をタグに追加すると、ページが検証に合格するはずです。
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">