Facebookにサイト内容を表示する

調査しただけでインプリメンテーションまでは行っていない

1.OGP(Open Graph protocol)

 metaタグをHTMLソースコード内に記述することで
   FacebookやTwitterなどのSNS上にサイト情報を表示する

2.head要素に追加する

 head要素にOGPの定義、metaタグの要素を追加する

<html prefix=”og: http://ogp.me/ns#”>
<meta property="og:url" content=" ページの URL" />
<meta property="og:type" content=" ページの種類" />
<meta property="og:title" content=" ページの タイトル" />
<meta property="og:description" content=" ページの説明文" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:image" content=" サムネイル画像の URL" />

 必須パラメータ
   og:title グラフ内に表示されるオブジェクトのタイトル
   og:type オブジェクトのタイプ(多種多様のため省略)
          参考資料 https://ogp.me/
   og:image グラフ内のオブジェクトを表す画像のURL
   og:url グラフで使用される正規 URL
   
 必要に応じて表示用の「サムネイル画像」を用意する

3.App IDの追加

 OGPの設定に必要なApp IDをfacebook for developersで取得する
   https://developers.facebook.com/apps

<meta property=”fb:app_id” content=”App-ID(15文字の半角数字)”>