無料OG画像プレビューツール
URLを入力して、Facebook、Twitter、LinkedInでウェブサイトがどのように表示されるか確認。OGタグを検証し問題を特定。
メタタグを入力
OGタグを手動で入力して、各プラットフォームでの表示をプレビューしてください。URLフェッチはブラウザのCORS制限によりサーバーサイドプロキシが必要です。
0/60 tools.og-image-preview.input.characters
0/160 tools.og-image-preview.input.characters
推奨:すべてのプラットフォームで最良の結果を得るには1200×630px(1.91:1比)。
OGタグプレビュー
tools.og-image-preview.output.placeholder
OG画像プレビューツールとは?
OG(Open Graph)画像プレビューツールは、ウェブサイトのOGメタタグを分析し、SNSで共有された際にどのように表示されるかをプレビューするツールです。
OGタグが正しく設定されていないと、SNSでの共有時に画像が表示されなかったり、タイトルや説明が正しく表示されなかったりします。当ツールで問題を事前に特定し修正できます。
OGタグのヒント
1
推奨画像サイズを使用
1200x630pxがFacebookとLinkedInで最適です。Twitterは1200x675pxが推奨されます。
2
必須タグを設定
og:title、og:description、og:image、og:urlの4つは必ず設定してください。
3
画像URLは絶対パスで
OG画像のURLは相対パスではなく、https://から始まる絶対パスで指定してください。
4
ページごとにカスタマイズ
各ページに固有のOGタグを設定すると、SNSでの共有効果が最大化されます。
5
tools.og-image-preview.tips.tip5Title
tools.og-image-preview.tips.tip5Desc
6
tools.og-image-preview.tips.tip6Title
tools.og-image-preview.tips.tip6Desc
OG画像プレビュー:Kleap vs 代替サービス
| 機能 | Kleap | Metatags.io | OpenGraph.xyz | tools.og-image-preview.comparison.fbDebugger |
|---|---|---|---|---|
| 価格 | 完全無料 | 無料/有料 | 無料/有料 | tools.og-image-preview.comparison.priceFbDebugger |
| 対応プラットフォーム | Facebook、Twitter、LinkedIn | Facebook、Twitter、LinkedIn | Facebook、Twitter | tools.og-image-preview.comparison.platformsFbDebugger |
| tools.og-image-preview.comparison.manualEntry | tools.og-image-preview.comparison.manualEntryKleap | tools.og-image-preview.comparison.manualEntryMetatags | tools.og-image-preview.comparison.manualEntryOpengraph | tools.og-image-preview.comparison.manualEntryFbDebugger |
| tools.og-image-preview.comparison.metaTagExport | tools.og-image-preview.comparison.metaTagExportKleap | tools.og-image-preview.comparison.metaTagExportMetatags | tools.og-image-preview.comparison.metaTagExportOpengraph | tools.og-image-preview.comparison.metaTagExportFbDebugger |
| tools.og-image-preview.comparison.charLimits | tools.og-image-preview.comparison.charLimitsKleap | tools.og-image-preview.comparison.charLimitsMetatags | tools.og-image-preview.comparison.charLimitsOpengraph | tools.og-image-preview.comparison.charLimitsFbDebugger |
| tools.og-image-preview.comparison.noSignup | tools.og-image-preview.comparison.noSignupKleap | tools.og-image-preview.comparison.noSignupMetatags | tools.og-image-preview.comparison.noSignupOpengraph | tools.og-image-preview.comparison.noSignupFbDebugger |
よくある質問
OGタグとは?+
Open Graphタグは、SNSでURLが共有された際にタイトル、説明、画像をどのように表示するかを制御するHTMLメタタグです。
OG画像の推奨サイズは?+
1200x630pxが最も広く対応しています。Twitterカード用には1200x675pxも推奨されます。
OGタグがないとどうなりますか?+
SNSがページの内容を推測して表示するため、不適切な画像やテキストが表示される可能性があります。
OGタグはSEOに影響しますか?+
直接的なSEOランキング要因ではありませんが、SNSでのクリック率に大きく影響し、間接的にトラフィックとSEOに貢献します。
Twitter用の特別なタグは必要ですか?+
OGタグがフォールバックとして使用されますが、twitter:cardとtwitter:imageを追加すると、Twitter固有の表示を最適化できます。
tools.og-image-preview.faq.q6+
tools.og-image-preview.faq.a6
tools.og-image-preview.faq.q7+
tools.og-image-preview.faq.a7
tools.og-image-preview.faq.q8+
tools.og-image-preview.faq.a8
tools.og-image-preview.faq.q9+
tools.og-image-preview.faq.a9
tools.og-image-preview.faq.q10+
tools.og-image-preview.faq.a10