👁️ OGP画像プレビュー

OGPメタタグの内容を入力して、Twitter・Facebook・LINE・Slack・LinkedIn・Discordでリンクがどのように表示されるかをプレビューできます。

OGP情報を入力

𝕏 Twitter / X プレビュー

f Facebook プレビュー

● LINE プレビュー

画像未設定
タイトルがここに表示されます
説明文がここに表示されます
example.com

● Slack プレビュー

example.com
タイトルがここに表示されます
説明文がここに表示されます
画像未設定

in LinkedIn プレビュー

画像未設定
タイトルがここに表示されます
example.com

● Discord プレビュー

example.com
タイトルがここに表示されます
説明文がここに表示されます
画像
未設定

使い方・活用例

  • ブログ記事公開前にSNSでの表示イメージを事前確認
  • OGP画像のサイズや表示位置が適切かプレビューで検証
  • Twitter/Facebook/LINE/LinkedIn/Discordでのシェア表示をまとめてチェック
  • 他サイトのOGP設定を参考にして自サイトの設定を改善

よくある質問

OGPプレビューの使い方は？

URLを入力するか、OGPタグを直接入力すると、Twitter、Facebook、LINE、Slack、LinkedIn、Discordでのシェア時の見え方をプレビューできます。

実際のSNSの表示と同じですか？

主要SNSのカードレイアウトを再現していますが、各プラットフォームの仕様変更により若干の差異が生じる場合があります。

OGP画像の推奨サイズは？

1200x630ピクセルが推奨です。この比率（約1.91:1）でFacebook、Twitter、LINE、LinkedIn、Discordなど主要なSNSで最適に表示されます。

OGPが正しく設定されているか確認するには？

本ツールにURLを入力するだけで、og:title、og:description、og:imageの設定内容をプレビューできます。

LinkedInでのOGP表示の特徴は？

LinkedInではog:imageが上部に大きく表示され、その下にog:titleが太字で、ドメイン名がグレーで表示されます。ビジネス向けSNSのため、プロフェッショナルな印象を与える画像とタイトルが重要です。

DiscordでのOGP表示の特徴は？

Discordではリンクが埋め込み（embed）形式で表示されます。左側に色付きのボーダー、サイト名・タイトル・説明文が左に、サムネイル画像が右側に小さく表示されるのが特徴です。