OGPとは
HTML要素。
SNSにシェアした際に表示される「タイトル」・「画像」・「詳細」を設定できる。
OGP設定のメリット
どのようなページで何を伝えたいのかが明確になる。
→共有されたユーザーの訴求率が高まる。
→より多くの人に記事を見てもらえる
OGPの設定方法
OGPを使用することを宣言するタグ
①head要素にprefix属性を追加する
②トップページでは「website」・トップページ以外では「article」を入力する
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
OGPで設定できる内容
ページURL（og:url）
<meta property="og:url" content="ページのURL" />
ページタイプ（og:type）
<meta property="og:type" content="ページの種類" />
ページタイトル（og:title）
<meta property="og:title" content=" ページの タイトル" />
ページの説明文（og:description）
<meta property="og:description" content=" ページのディスクリプション" />
サイト名（og:site_name）
<meta property="og:site_name" content="サイト名" />
画像のURL（og:image）
<meta property="og:image" content=" サムネイル画像の URL" />
OGP設定で気をつけるポイント
１ページごとに設定すること。