OGP(OGタグ)とは
読み:おーじーぴー
SNSでURLを共有したときに、タイトル・説明・画像を表示するためのHTMLの設定。
OGP(Open Graph Protocol)は、Webページのタイトル・説明・画像・URLなどの情報を、SNSやチャットで共有されたときに、カードのように見せるための仕組みです。HTMLの<head>内に「og:title」「og:description」「og:image」といったメタタグで指定します。
OGPを設定すると、LINEやX(旧Twitter)、Facebook、Slackなどでリンクを貼ったときに、見栄えのよいプレビュー(サムネイル画像+タイトル+説明)が表示され、クリックされやすくなります。画像(og:image)は、推奨サイズ(横1200×縦630程度)を用意すると、きれいに表示されます。
X向けには「twitter:card」などの追加タグもあります。設定しても、各SNSがキャッシュを持つため、変更がすぐ反映されないことがあります。公開前に、プレビューの確認ツールで表示をチェックすると安心です。