Twitter

Twitterカード

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site_account">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="https://example.com/page.html">
<meta name="twitter:title" content="Content Title">
<meta name="twitter:description" content="Content description less than 200 characters">
<meta name="twitter:image" content="https://example.com/image.jpg">

検証ツール

シェアボタン

Facebook

シェアボタン

OGP設定

<head prefix="og: http://ogp.me/ns#  website: http://ogp.me/ns/website#"> //トップページ
<head prefix="og: http://ogp.me/ns#  article: http://ogp.me/ns/article#"> //下層ページ

<meta property="fb:app_id" content="FBAppのID"><!--※-->
<meta property="og:url" content="サイトURL">
<meta property="og:type" content="website">//トップページ
<meta property="og:type" content="article">//下層ページ
<meta property="og:title" content="ページのタイトル">
<meta property="og:image" content="OGP画像パス">
<meta property="og:description" content="ページの説明">
<meta property="og:site_name" content="サイト名">
<meta property="og:locale" content="ja_JP"><!--サポート言語--><!--※-->
<meta property="article:author" content="著者名">　<!--※-->

title,description:プロパティがない場合すでにあるから参照するがFBは必須としている
type:topはwebsite、それ以外はarticle

は無くてもよい

クイックスタート
https://developers.facebook.com/docs/javascript/quickstart

デバッガー
https://developers.facebook.com/tools/debug/

OGP画像シュミレーター
http://ogimage.tsmallfield.com