BloggerをFacebookにシェアしたときに表示される画像等を設定する

こちらは古い情報です。現在はテンプレートに <b:include data='blog' name='all-head-content'/> の記述がある場合、デフォルトで対応します。

このブログはFacebookにシェアする事を考えてないんですが、他で設定する必要が出てきたので

<meta expr:content='data:post.sharePostUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='投稿イメージが無い場合の画像Url' property='og:image'/>
</b:if>

こんな感じかな
投稿イメージが無い場合の画像Urlは拡張子付きの画像Urlを設定してください
ブログトップをシェアしたときに表示される画像もこれです

(Bloggerの新しい画像URLに拡張子のパラメータを追加する方法はこちら)

• Bloggerの新しい画像URLに拡張子のパラメータを追加する

高解像度デバイスで最適な表示を実現するには、1200 x 630ピクセル以上の画像を使用 とあります
via リンクシェアの画像 - シェア機能
https://developers.facebook.com/docs/sharing/webmasters/images
また、image/jpeg、image/gif、image/pngのいずれか とありますが
via ウェブ管理者 - シェア機能
https://developers.facebook.com/docs/sharing/webmasters
サイレントでwebp対応しているかも

表示のテスト
シェアデバッガー
https://developers.facebook.com/tools/debug
を使用します (要Facebookログイン)