ogp.tokyo

OGP(Open Graph Protocol)の情報

OGPの基本メタデータは「og:title」「og:type」「og:image」「og:url」

2018/01/18

自分のウェブページでOGPを有効にするには、基本的なメタデータを追加する必要があります。初期のRDFaをベースとしたmetaタグをHTMLのhead要素内に入れてください。基本的に必要な4つのプロパティは以下の通り。

og:title ページタイトルとして表示したいテキストを指定します。例)"The Rock"
og:type OGPで記述している対象のタイプを指定します。この指定内容によっては他の属性指定も必要になる場合があります。
og:image グラフに表示したい画像を指定します。
og:url ページのカノニカルURLを指定します。例)"http://www.imdb.com/title/tt0117500/"

基本メタデータの記述例

例としてこのIMDbのThe Rockのページの記載例を紹介します。

The Rock (1996) - IMDb

原文:The Open Graph protocol

-ogp
-, , ,