2017-06-01 10 views
0

ウェブサイトを共有するときに、Facebookのプレビューで複数の画像を表示したい。Facebook og:image - multiple images

どうすればいいですか?複数のog:imageタグを定義することはできますか? enter image description here

おかげ

答えて

0

あなたは単に単一OG追加することができます:イメージタグをここで

は、私が何をしたいのか、一例です。

<meta property="og:image" itemprop="image primaryImageOfPage" content="src/to/image/file" /> 

しかし、Facebookでリンクを共有すると、複数の画像を追加することができます。そのオプションを使用します。 enter image description here

複数の画像を追加するオプションがあります。それを使って公開してください。

別のオプション

あなたは、複数のOG追加することができます。単一の画像のみがFacebookのデバッガでの更新ページのリンクを示している場合、イメージタグをと。

<meta property="og:image" content="src/to/image/1"> 
<meta property="og:image" content="src/to/image/2"> 

すでに(1つのイメージで)共有されている任意のページはこちらfacebookでデバッガにリンクをロードすることによって更新することができます。 https://developers.facebook.com/tools/debug/

デバッガ/リンターは、すべてのプレビューが表示されない場合があります画像 - それは動作しますが、最後のものを表示するだけかもしれません。

+0

複数の画像を自動的に読み込む可能性はありますか?私はウェブサイト上に商品画像を持つカルーセルを持っているからです。誰かが共有すると、それはog:imageメタタグにある画像を1つだけ表示しています。しかし、私はいくつかのウェブサイトを見て、共有したときに自動的に複数の画像を読み込んでいました。あなたと私のようにscreenshot –

+0

@kironet私は自分の答えを更新しました。見てみましょう。 –

関連する問題