【HTML】OGPチートシート

OGP基本設定

prefix設定

OGPを使う事を宣言する

<head prefix="og: http://ogp.me/ns#"></head>

og:site_name

サイト名を指定する

<meta property="og:site_name" content="サイト名">

og:title

ページタイトルを指定する

<meta property="og:title" content="ページタイトル">

og:description

ページの説明を指定する

<meta property="og:description" content="ページ説明">

og:url

ページのURLを指定する

<meta property="og:url" content="ページURL">

og:type

ページのタイプを指定する

<meta property="og:type" content="article">

og:image

ページのアイキャッチ画像を指定する

<meta property="og:image" content="画像のURL">

Twitterカード設定

twitter:card

Twitterカードの種類を指定する

<meta name="twitter:card" content="summary">

twitter:site

TwitterIDを指定する

<meta name="twitter:site" content="@twitterid">

Facebook管理設定

fb:app_id

Facebookシェアのインプレッション取得設定を指定する

<meta name="fb:app_id" content="数字15桁">