OGPpc操作中

OGP基本

OGPの正式名称は”Open Graph Protocol”と言います。

facebookやmixi、TwitterなどのSNSとウェブページを連携させる為に設定します

ページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を正しく表示させる

property属性は、SNSでシェアされたときに表示するサイト情報を指定する。主にOGPで使用される
OGPは新たなものが追加されるなど変更も多い

具体的なタグ&書き方

OGPはhtmlのhead内にmetaタグで記述する

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

og:type(ページの種類) <meta property="og:type" content="ページの種類">
ページの種類は「article(記事ページ)」、「website(ウェブサイト)」を設定するとよいでしょう。

og:image(画像を指定) シェアされたときなどに表示する画像を決めることができます。画像の指定は絶対パスで行う

og:url ページのURLを指定します。URLの指定方法は絶対パスで行う

Twitterカード

Twitterカードを有効にするにはTwitterが提供しているCard Validatorで申請を行う必要があります。 1度行えば今後は必要ありません。