OGP / Open Graphプレビュー

このツール、どんなときに使う？

OGPはページのタイトル、説明、画像などをSNSへ伝えるメタ情報です。このツールでは入力したOGP値をカード風に確認します。

ひとつ知っておくと分かりやすいこと

SNS側が独自キャッシュを持つので、HTMLを直してもすぐ表示が変わらないことがあります。プレビューと実際のSNS表示は完全一致ではありません。

ここで迷いやすいところ

• og:imageは絶対URLを使う。
• 画像の比率・容量・アクセス可否を確認する。
• タイトルや説明はページ内容と一致させる。

例えば、こんな使い方です

記事公開前にタイトルが長すぎないか、画像の主役がカード中央に残るかを確認します。