facebookのいいねで使用されている画像は
HTMLのヘッダーの
meta ogタグで指定します
例)
<meta property="og:image" content="http://blog.sakura.ne.jp/img/ogp_logo.png" />>
あまり気にしたことがないですが
この縦横比があるそうです
2年前までは正方形だったのですが
現在では
1200 x 630 px以上が推奨されていて
縦横比をなるべく1.91:1にするのがいいようです
実際に、見てみると
勝手に切り落としされている
ちゃんといいねで拡散したい場合は
1200 x 630 pxで画像を作ったほうがいいです
作った画像はOGP画像シミュレーターで
検証ができます
OGP画像シミュレータ | og:image Simulator
もし更新した場合はFACEBOOKのキャッシュをクリアにしましょ!!
https://developers.facebook.com/tools/debug/og/object/
でURLを入力する
シェアするのキャッシュは別っぽくて
https://graph.facebook.com/?scrape=true&id=URL
URLの部分に自サイトを入力する
この記事を更新しようと思ったら
あぅwwww
きれいにまとめている記事があった・・・
Facebook・TwitterのOGP設定方法まとめ|ferret [フェレット]
orz
はてなBLOGではどうやって記事単位で
OGP画像を指定するのだろう??