OGP画像とは?

2018.08.12

ogp画像をご存知ですか?ogpとは、Open Graph Protocolの略で、SNSでURLが共有されたときに、“og:image”で設定された画像が表示されます。共有されたときに目を引くようなogp画像を設定しておけば、よりクリックや共有をされやすくなるのでサイトを作成した際は必ず設定しておきましょう! そこで便利なのがOGP画像シミュレータにアクセスします。 ここでは、正方形や横長など様々に表示されてしまうfacebookのOGP画像を、ドラッグアンドドロップするだけで、タイムライン上ではどのように見えるかシミュレートできるのです。 ogp OGP画像のデザインが確定したら、OGP画像を設定しましょう! OGPは、メタタグをhead内に次のプロパティを記述することで設定されます。以下4つは必須項目です。

  • "og:title" サイトのタイトル
  • "og:url" サイトのURL
  • "og:image" OGP画像
  • "og:type" ページの種類
これらを設定できたら、デバッガーで確認しましょう!