OGP (Open Graph Protocol) とは、Facebook が策定したメタデータ仕様で、Web ページが SNS で共有された際のプレビュー表示 (タイトル、説明文、サムネイル画像) を制御します。og:title、og:description、og:image、og:url、og:type などのプロパティを HTML の <meta> タグで指定します。
OGP を適切に設定することで、SNS でリンクが共有された際に魅力的なプレビューカードが表示され、クリック率の向上が期待できます。画像のない URL は SNS のタイムラインで目立たず、エンゲージメントが低下する傾向があります。<% if (typeof amazonTag !== 'undefined' && amazonTag) { %><a href="https://www.amazon.co.jp/s?k=OGP%20SNS%20マーケティング&tag=<%= amazonTag %>" target="_blank" rel="nofollow noopener noreferrer" class="amazon-inline-link">Amazon の関連書籍</a><% } else { %>Amazon の関連書籍<% } %>も参考になります。
短縮 URL サービスとの関連では、短縮 URL が共有された際に、リダイレクト先のページの OGP 情報が正しく取得されるかが重要です。SNS のクローラーはリダイレクトを追跡して最終ページの OGP を取得しますが、リダイレクトチェーンが長い場合やサーバーの応答が遅い場合、OGP の取得に失敗することがあります。
OGP のデバッグには、Facebook の Sharing Debugger や Twitter の Card Validator を使用して、設定が正しく認識されているかを確認できます。<% if (typeof amazonTag !== 'undefined' && amazonTag) { %><a href="https://www.amazon.co.jp/s?k=Web%20メタデータ%20設計&tag=<%= amazonTag %>" target="_blank" rel="nofollow noopener noreferrer" class="amazon-inline-link">Web メタデータ設計の実践書</a><% } else { %>Web メタデータ設計の実践書<% } %>も役立ちます。