自分のアメブロ記事をFBでシェアした時に、表示させたい画像を確認する方法について、書いてみました。
自分のアメブロの記事のシェアを
PCから投稿する、という前提で語ります。
ブログ書いたよ～♪と
FBでシェアしたところ、
サムネールに表示されてる画像が
記事に貼ったものじゃなかったり
（プロフィール画像とかね）、
記事に貼ったものではあるけど、
一番最初のやつじゃなくて
別のものになってるとか、
とにかく、
なんでこの写真がチョイスされたし？
って、
若干残念に思うこと、
ないですかね。
そういうのを気にしない人は、
この先読む必要ないです。
今すぐこのページを閉じて
もっと自分が楽しいことに時間使ってね。
残った人、いくよ～(*´ω｀*)
FBにブログシェアした時に
サムネに使われる写真の優先順位については、
テキトーにググって
この記事に書いたことなんかを
ご参考下さい。
要は、
・その記事に一番最初に貼られた画像
・記事内に画像がない場合はプロフ写真
・記事内に画像があっても、200×200以下の場合はスルーされるらしい
っていう感じらしいっす。
記事の構成上、
写真の配置は自然に並べたいけど、
シェアした時とか、
アメブロのマイページのチェックリストに表示される画像は
別のものにしたい、という場合は、
先ほどもリンク貼りましたが
この記事参考にどうぞ。
では、本日の本題まいりますね。
FBに、オブジェクトデバッガーという機能があるんですよ。
https://developers.facebook.com/tools/debug/og/object
このページで、
シェアしたいブログのURLを入力して
右側の
「新しいスクレイピング情報を取得」
を押します。
そうすると、
FBでシェアした時に
どういうサムネで表示されるかが
確認できます。
それ見て、よさそうだったら
FBのタイムラインからでも、
このページの下のプレビュー画面下に
薄く書いてある
「シェアダイアログでこれを確認できます」
というところからでも、
URL入力する通常の投稿でも
どちらでもできます。
デバッグしたけど、
思うように表示されない場合は、
何度かしつこく
試してみるといいよ。
タイムラグがある場合も
あるようです。
因みに、
FBですでに投稿してしまったものの
自分のタイムラインの表示は、
多分変わらないです。
（自分は投稿しちゃったけど、
その後デバッグして、
それを別の人がシェアした場合は、
新しい投稿に関しては
最新の情報に基づいた表示になると思う。）
なので、
確認前に投稿しちゃって、
意図しない画像が出てきてしまってる場合は、
誰かにいいねされる前に
早めに削除して
デバッグして
表示に納得してから
再投稿するのがいいと思います。
以上、
知っていても
あまり役にたたない小技でした(*´艸｀*)