BinaryDevelop
  1. ホーム
  2. facebook

[解決済み] Facebook Sharerは、私のURLを共有する際に、画像やその他のメタデータをどのように選択するのですか？

2022-03-25 03:26:29

質問

Facebook Sharerを使用する際、Facebookは、リンクのプレビューとして、ソースから取得したいくつかの画像のうち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はあなたのページのコンテンツを確認し、共有画像の基準を満たす画像をあなたのページから選択します。画像は200px×200px以上、最大アスペクト比3:1、PNG、JPEG、GIFのいずれかの形式であることが必要です。

ユーザーが画像を選択できるように、複数の画像を指定することはできますか？

はい、複数の画像のmetaタグを表示させたい順番に追加するだけです。その後、ユーザーには画像選択ダイアログが表示されます。

適切な画像のmetaタグを指定しました。なぜ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などのクライアント側のコードで、これらのmetaタグを更新することはできますか？ 検索エンジンのクローラーと同様、Facebookスクレイパーはスクリプトを実行しないため、ページのダウンロード時に存在するメタタグはすべて、画像の選択に使用されるメタタグとなります。

これらのタグを追加すると、私のページが検証されなくなります。どうすれば直せますか？

Facebookの必要な名前空間をタグに追加すれば、検証を通過できるはずです。 

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します