OGPの設定

OGPの設定

■OGP(Open Graph Protocol)とは
「このページにこんな情報が書かれている」という情報をmetaタグで表記したもの

例)facebookでいう「いいね!」したときに出てくる表示とか
OGPサンプル画像

■metaタグの種類
「og:title」:そのページのタイトルとか
「og:type」:オブジェクトの型、blogとかmovie
「og:url」:そのページのURL
「og:image」:いいね!とかしたときに表示されるサムネイル画像
「og:site_name」:サイト名
「fb:admins」:アプリのID
他にもオプションのタグあり
詳しくは「http://ogp.me/

■設定の仕方
下の「Step 2 – Get Open Graph Tags」でコードを作る
https://developers.facebook.com/docs/reference/plugins/like/

■設定したOGPの確認
https://developers.facebook.com/tools/debug