OGPプレビュー・確認ツール
OGPメタタグを入力して、Twitter・Facebookでの表示をリアルタイムにプレビュー。HTMLコードも自動生成されます。
OGPプロパティ入力
推奨: 25文字以内（現在: 0文字）
推奨: 80文字以内（現在: 0文字）
推奨サイズ: 1200x630px（Facebook）/ 800x418px（Twitter大画像）
プレビュー
example.com
タイトル未入力
説明文未入力
※ 実際の表示とは若干異なる場合があります
生成されたHTMLコード
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
推奨画像サイズ
Facebook / 一般的なSNS
1200 x 630 ピクセル（アスペクト比 1.91:1）
最小サイズ: 600 x 315px。ファイルサイズは8MB以下を推奨。
Twitter（summary_large_image）
800 x 418 ピクセル（アスペクト比 2:1）
最小サイズ: 300 x 157px。最大ファイルサイズ: 5MB。
Twitter（summary）
120 x 120 ピクセル（アスペクト比 1:1）
最小サイズ: 120 x 120px。正方形で表示されます。
必須タグと任意タグ
必須タグ（設定を強く推奨）
og:title- ページのタイトルog:description- ページの説明文og:image- シェア時に表示される画像のURLog:url- ページの正規URL
任意タグ（設定推奨）
og:type- コンテンツの種類（website, articleなど）og:site_name- サイト全体の名称twitter:card- Twitterカードの表示形式twitter:site- サイトのTwitterアカウント
各タグのベストプラクティス
og:title
サイト名を含めず、ページ固有のタイトルのみを記載。25文字以内が理想的。長すぎると末尾が省略されます。
og:description
ページの内容を簡潔に要約。80文字以内を推奨。ユーザーがクリックしたくなるような説明を心がけましょう。
og:image
絶対URLで指定。テキストを含む場合は画像の中央に配置。各プラットフォームのトリミングを考慮してデザインしましょう。
og:url
正規URL（canonical URL）を指定。パラメータやトラッキングコードを含まないクリーンなURLが推奨されます。
twitter:card
summary_large_imageは大きな画像で目を引きやすく、summaryはコンパクトに表示されます。コンテンツに合わせて選択しましょう。
各プラットフォームの文字数制限
| タグ | ||
|---|---|---|
| og:title | 40文字以内推奨 | 70文字以内推奨 |
| og:description | 80文字以内推奨 | 200文字以内推奨 |
| og:image | 1200x630px推奨 | 800x418px推奨 |