masalibの日記

システム開発、運用と猫の写真ブログです

facebookのいいねで表示される画像について

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にするのがいいようです

実際に、見てみると

f:id:masalib:20150206220059j:plain


f:id:masalib:20150206220121j:plain



勝手に切り落としされている

ちゃんといいねで拡散したい場合は
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画像を指定するのだろう??