◆ソーシャル関連で知っておきたいmeta要素
FacebookやmixiなどのSNSでシェアされたときにリッチ表示してくれるためのmeta要素が、Open Graph Protocol(OGP)です。
サイト名、ページの種類、URL、ページの概要といったものがありますので、簡単にご紹介します。
・og:site_name(サイト名)※重要
・og:type(ページの種類)※重要
ページの種類は「article(記事ページ)」、「website(ウェブサイト)」を設定するとよいでしょう。
使い分けは、記事の場合はarticleを、トップページの場合はwebsiteとします。以前は、blogもありましたが現在は使われていません。
・og:url(ページのURL)※重要
・og:title(ページのタイトル)※重要
・og:description(記事の概要)
・og:image(サムネイル画像のURL)
画像の確認はここで
http://ogimage.tsmallfield.com/
Facebook用のOGP画像は縦横比率を1.91:1!
1200×630ピクセルの比率1.91:1で画像がベストだそうです。