web-dev-qa-db-ja.com

Facebookの複数のog:imageタグ-デフォルトはどれですか?

私のWebサイトでは複数のog:imageタグを指定していますが、どれをデフォルトにするかを制御したいと思います。指定された順序と関係がありますか?

現在、画像はリンクポストセレクタに#3、#1、#2(#3がデフォルト)の順序で表示されていますが、これは非常に珍しいようです。

ご意見をお寄せいただきありがとうございます。

27
isthmuses

私は好奇心が強いので、「デフォルトの画像」の質問に対する答えを見つけるために探し回りました。これは文字通り、この問題について調査が行われた場所を見つけることができる唯一のリンクであり、高解像度の画像が最優先されることを示唆しています。

コメントに挿入されたリンクのオープングラフイメージに優先順位を設定する方法(共有またはウォールポストではありません)

ただし、その例に基づいて、FBはリストの最後のog:imageタグを選択しているだけかもしれません。以前のSO答えは同様の結論に達しました:

Facebook sharer.php、複数のog:imageタグを持つ方法?

他の質問でお答えした場合はお詫び申し上げますが、おそらくこれで十分なリードが得られるでしょう。さらにタグを追加し、FBが一貫して最後のタグを選択する場合、うまくいけば解決策が得られます。 :)

23
MadHenchbot

ここに私のために働くものがあります。ページのヘッダーに次のコードを挿入します

<meta property="og:image" content="http://yourdomain.com/yourimage.png" />

これにより、選択した画像が優先されます。これは、ページで最も解像度の高い写真の1つである必要があります。

次に、Facebookに this を使用してキャッシュをクリアするように強制します。このデバッガーツールは、Facebookが好んでいる画像も表示します。

1
Terry

から Open Graph Protocol

配列

タグに複数の値を含めることができる場合は、同じ<meta>タグをページに追加します。最初のタグ(上から下)は、競合時に優先されます。

<meta property="og:image" content="http://example.com/rock.jpg" />

<meta property="og:image" content="http://example.com/rock2.jpg" />

これを Facebook共有デバッガー でテストすると、プレビューされた最初の画像のみが表示されます。しかし、Facebookで自分のURLの共有を開始すると、次のように、最初の画像がプレビューされ、2番目の画像を選択するための左/右ボタンが表示されます。

Facebook left/right image share buttons.

1
jtheletter