OGPタグの設定方法

Webデザイン

OGPタグとは、facebookやmixiなどでシェアする際に、表示されるデータを指定するタグです。

記述としては以下のように指定します。

<meta property="og:title" content="ページタイトル" />
<meta property="og:type" content="website" />
<meta property="og:url" content="ページURL" />
<meta property="og:image" content="イメージのURL" />
<meta property="og:site_name" content="サイトタイトル" />
<meta property="og:description" content="コンテンツの概要" />

typeはコンテンツのタイプを指定しています。
以下を以下を参照ください。
https://developers.facebook.com/docs/concepts/opengraph/

ちゃんと指定できているかのチェックは以下からできます。
デバッガー
https://developers.facebook.com/tools/debug

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です