OG画像プレースホルダー (1200x630)
ソーシャルメディア共有プレビュー用の1200x630 Open Graph画像プレースホルダーを生成。Facebook、Twitter、LinkedIn、DiscordのOG画像要件を解説します。
Common Sizes
詳細な説明
OG画像プレースホルダー — 1200×630
Open Graph (OG) 画像は、Facebook、Twitter/X、LinkedIn、DiscordなどのソーシャルメディアプラットフォームでURLを共有した際に表示されるプレビューサムネイルです。推奨サイズは1200×630ピクセルで、約1.91:1のアスペクト比を提供します。
なぜ1200×630なのか
この寸法はFacebookが確立し、プラットフォーム全体で広く採用されているデファクトスタンダードです：
| プラットフォーム | 推奨OGサイズ | アスペクト比 |
|---|---|---|
| 1200×630 | 1.91:1 | |
| Twitter/X | 1200×628 | 1.91:1 |
| 1200×627 | 1.91:1 | |
| Discord | 1200×630 | 1.91:1 |
わずかな違いはありますが、1200×630はすべての主要プラットフォームでクロッピングの問題なく普遍的に機能します。
OGプレースホルダーの生成
- サイズドロップダウンから**OG Image (1200×630)**プリセットを選択
- ブランドパレットに合った背景色を選択
- サイト名や記事タイトルなどのカスタムテキストを追加
- 最大の互換性のためPNGでダウンロード
OG画像のベストプラクティス
- テキストを中央に配置 — プラットフォームによってOG画像のクロッピングが若干異なります。画像中央の80%以内に重要なコンテンツを配置してください。
- 高コントラストを使用 — OG画像はフィード内で小さなサムネイルとして表示されます。太字で高コントラストのデザインは縮小サイズでも読みやすくなります。
- プラットフォーム間でテスト — FacebookのSharing Debugger、TwitterのCard Validator、LinkedInのPost Inspectorで表示を確認してください。
og:imageメタタグを設定 — ページの<head>セクションにog:imageメタプロパティでOG画像の完全な絶対URLを含めてください。- ファイルサイズに注意 — OG画像は高速読み込みのため300KB以下に抑えてください。テキスト中心の画像にはPNG、写真コンテンツにはJPEGが適しています。
ユースケース
Web開発者やコンテンツクリエイターは、サイト開発中にソーシャルメディアでの共有リンクの表示を視覚化するためにOG画像プレースホルダーを使用します。適切なサイズのプレースホルダーを使用することで、最終的なOG画像に対応するレイアウトを確保できます。