OGP (Open Graph Protocol) とは、 SNS でリンクが共有された際のプレビュー表示 (タイトル、説明文、画像) を制御するメタデータ仕様です。 Facebook が 2010 年に策定し、現在は Twitter (X) 、 LinkedIn 、 Slack など多くのプラットフォームが対応しています。
基本的な OGP タグは 4 つです。 og:title (ページタイトル) 、 og:description (ページの説明) 、 og:image (プレビュー画像の URL) 、 og:url (ページの正規 URL) です。これらを HTML の <head> 内に <meta property="og:title" content="..."> の形式で記述します。
og:image の設定は特に重要です。 Facebook の推奨サイズは 1200×630 ピクセル、 Twitter は 1200×628 ピクセルです。画像がない場合や小さすぎる場合、プレビューが表示されなかったり、テキストのみの地味な表示になったりして、クリック率が大幅に低下します。 BuzzSumo の調査では、画像付きの SNS 投稿はテキストのみの投稿と比較してエンゲージメントが 2.3 倍高いとされています。
短縮 URL サービスでは、リダイレクト先のページから OGP 情報を取得 (スクレイピング) し、短縮 URL のプレビューページに反映する機能が一般的です。これにより、短縮 URL が SNS で共有された際にも、元のページと同じプレビューが表示されます。 OGP 情報のキャッシュ更新タイミングにも注意が必要で、 Facebook は og:image を強力にキャッシュするため、画像を変更した場合は Facebook のシェアデバッガーでキャッシュをクリアする必要があります。関連書籍は Amazon でも探せます。