これは素晴らしい質問ですが、その答えにはがっかりする可能性があると思います。
簡単な答え:私が知り、検索した限りでは、それはできません。
長い答え:このシナリオは、いくつかの優れた静的画像を使用して最適化できます。または、より創造的で動的な画像があれば最適化できます。
最初のヒント
すべての共有に静的イメージを追加します。head
HTML のセクション内に Open Graph メタ タグを追加することで、それを行うことができます。
<meta property="og:image" content="http://www.myawesomesite.com/logo.jpg"/>
上記のコードを使用すると、Facebook に対して、この画像を [共有] ボタンのオプションとして常に表示するように指示できます。Facebook のドキュメントによると、1200 x 640 ピクセル以上の画像を使用することをお勧めします。これは、大きな画像を含む投稿を共有するためです。
以下は、推奨サイズの 1 つの投稿のプレビューです。
そして今、小さな画像付きの投稿:
2つ目のヒント
この投稿では、あなたの問題に対する適切な解決策を見つけました。著者は前のヒントと同じ原則を使用しましたが、それを行うために別の実用的な方法を使用しました。
彼は次のタグを使用しました。
<link rel="image_src" href="http://myawesomesite.com/logo.png" />
rel="images_src"
このタグは前のものとほとんど同じですが、面白いものになると思います。このlink
タグは Web サイトのヘッド セクションにも適用されます ( W3C ページによると) が、Facebook は悪者であり、適切な API を提供していないため、Facebook に嘘をつくことができると思います。
私は疑問に思っていました-これは単なる仮定です-image_src
投稿/ウェブサイトの画像のIDとして適用してみませんか? 現在これをテストすることはできませんが、今のところ、私が考えることができる最高のものです.
結論:
Facebook はさまざまな点であまり良くありません。また、この興味深い機能のように、私たちが必要とするすべてのものを提供しているわけではありません。しかし、奇妙なテクニックを使って Facebook をだますことができるかもしれません。
このようなテストをしたくない場合、共有する画像を選択できる唯一の方法は、最初のヒントの静的な OpenGraph メタ タグをページに与えることです。
何かの役に立てば幸いです。残念ながら、これがあなたの質問に対する最良の回答だと思います。