調査しただけでインプリメンテーションまでは行っていない
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文字の半角数字)”>