OGプレビューの無料オンラインツール。Open Graphタグを入力し、Facebook・Twitter等でのSNS共有時の表示を事前確認。ブラウザ処理。
<!-- Open Graph --> <meta property="og:type" content="website">
Ctrl+D を押してこのページをブックマークしてください
OGプレビューツールは、Open Graphタグがソーシャルメディアでどのように表示されるかを確認する無料オンラインツールです。 Facebook、Twitter、LinkedInなどの共有プレビューをリアルタイムで確認し最適化します。 ブラウザ内で処理されます。
Facebookは1200×630px、Twitterは1200×628pxを推奨しています。一般的に1200×630pxで作成すれば、ほとんどのプラットフォームで適切に表示されます。
SNSがページからタイトル、説明、画像を任意に抽出するため、意図しない内容が表示される場合があります。OGタグを設定すると共有時の表示を正確に制御できます。
各プラットフォームが最初に読み取ったプレビューを数日から数週間キャッシュに保持するためです。FacebookはシェアデバッガーLinkedInはポストインスペクター、Xはカード検証ツールで該当URLの再取得を依頼すれば、すぐに更新されます。ツールを提供していないメッセンジャーでは、URLの末尾に ?v=2 のような値を付けて新しいアドレスとして認識させる方法が実務でよく使われます。
推奨サイズは1200×630pxですが、プラットフォームや画面によって端が切れるため、重要な文字は中央80%の内側に置いてください。タイムラインではこの画像が幅300px程度に縮小されて表示されるので、元画像で文字の高さが最低60pxはないと読めません。また、タイトルは画像の下に別途表示されるので、画像内には同じ文言を繰り返すより、性格を一目で伝える短い言葉を入れるほうが効果的です。