OGPテスター・バリデーター

OGPテスター・バリデーターの使い方

各フィールドにOGPの値を入力すると、リアルタイムでFacebook、Twitter/X、Slack、LINEでの表示プレビューが更新されます。バリデーション結果で必須タグの有無や文字数の適切さを確認できます。メタタグHTMLのコード生成とコピーにも対応しています。既存のOGP設定を確認したい場合は、Facebookのシェアデバッガーと併用することをお勧めします。

OGP設定のベストプラクティス

og:titleは60文字以内、og:descriptionは120文字以内に収めるとほとんどのSNSで切り詰められずに表示されます。og:imageは1200x630px（1.91:1）のサイズがFacebook・LINE・Slackで最適です。Twitterではtwitter:cardメタタグでsummaryかsummary_large_imageを指定できます。og:urlには正規化されたURLを指定し、クエリパラメータを含まないのが望ましいです。

よくある質問（FAQ）

Q. OGP（Open Graph Protocol）とは何ですか？

A. OGPはFacebookが提唱したメタデータ規格で、WebページがSNSでシェアされたときに表示されるタイトル、説明文、画像などを指定できます。og:title、og:description、og:image、og:urlが基本的な必須プロパティです。

Q. OGP画像の推奨サイズは？

A. Facebook・LINEでは1200x630px（1.91:1比率）が推奨です。Twitterのsummary_large_imageカードでは1200x628px、summaryカードでは144x144px以上が推奨されます。ファイルサイズは5MB以下を推奨します。

Q. OGPタグのデバッグ方法は？

A. このツールでプレビューを確認した後、実際のURLをFacebookのシェアデバッガーやTwitterのCard Validatorで検証することをお勧めします。キャッシュの問題がある場合はこれらのツールでスクレイプし直すことができます。