OGPについての備忘録

はじめに

業務でOGPについて学ぶ機会があったので備忘録として残したいと思います。

OGPとは

OGPとは、Open Graph Protocolの頭文字をとったもので、Webサイトのコンテンツの内容をSNSで伝える際に使用する仕組みです。

(OGPとは？OGPの基本からOGP画像のサイズや設定方法を分かりやすく解説 | Webmedia)より

LINEやTwitter等のSNSでURLを共有した際に画像や説明文も一緒に表示されることがありますが、あれがOGPです。

OGPの設定方法

OGPはmetaタグで設定することが可能です。
それぞれ以下の種類があります（以下のサイトがとても分かりやすかったのでそちらから引用しています）。 www.itra.co.jp

• og:url → WebページのURL
• og:title → Webページのタイトル
• og:image → 画像のURL
• og:description → Webページの説明
• og:type → Webページの種類

※OGP画像や説明文などは設定していないとページ上の任意の内容が使われたりします。

おわりに

最初は初めて聞いた単語だったので何だそれ！？となりましたがこれを機にしっかり覚えておこうと思います！