【HTML】SNS用OGP基本設定

下記の日本語の部分を自サイトの設定にすれば大丈夫です。
アドレスに関しては絶対アドレスで記入して下さい。

注意
Skypeの場合は、index.html等まで指定されたアドレスでないと画像は表示されない。(アドレスの最後がフオルダだと画像表示されない)
Skypeの場合は、phpパラメータのあるアドレスだと画像は表示されない。

<!--OGP共通設定ここから-->
<meta property="og:title" content="サイトタイトル" />
<meta property="og:type" content="article" />
<meta property="og:url" content="サイト絶対アドレス" />
<meta property="og:image" content="画像絶対アドレス" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:description" content="説明文" />
<!--OGP共通設定ここまで-->


<!-- ※Twitter設定 ここから-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@twitterアカウント" />
<meta name="twitter:title" content="サイトタイトル" />
<meta name="twitter:description" content="説明文" />
<meta name="twitter:image" content="画像絶対アドレス" />
<!-- ※Twitter設定 ここまで-->

<!--Facebook設定 ここから-->
<meta property="fb:admins" content="adminID（15文字の半角数字）" />
<!--Facebook設定 ここまで-->

参考リンク
ferret
あぱーブログ
 バズらせるためのFacebookとTwitterのOGPの設定方法
 Summary Card with Large Image
Web担当者は必ず押さえる！OGP画像の重要性と設定方法
 twitterカード設定方法
 Facebook,Twitter,YouTube,Googl+,Instagramで使う画像サイズ
 OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！