OGPチェッカーとは？

URLを入力すると、OGPとTwitter Cardのメタタグを取得し、XとFacebookでのシェア時の見え方を確認できるツールです。タイトル、説明文、画像などの設定値に加えて、未設定の項目、タイトルと説明文の文字数、画像の実寸も確認できます。

使い方

1. 確認したいページのURLを入力します。
2. 「OGPをチェック」を実行します。
3. XとFacebookのプレビューで見え方を確認します。
4. 確認ポイントとメタデータ一覧を確認します。

結果では、設定値のほかに、未設定の必須項目、タイトルと説明文の文字数、形式に問題がある画像URLを確認できます。シェア画像の実寸と縦横比も表示されます。

プレビュー

Xの表示はtwitter:cardで決まります。

Facebookはog:の値を使います。Xはライト・ダークブルー・ダーク、Facebookはライト・ダークのテーマで見え方を確認できます。

シェア画像がない場合は、画像付きカードのプレビューは表示されません。

画像サイズの目安

シェア画像は1200×630px（1.91:1）を目安にすると、XとFacebookの両方で横長のカードとして表示されやすくなります。画像内の文字や重要な要素は中央寄りに置くと、切り取られたときの影響を抑えられます。

活用シーン

• 公開前にOGPの設定漏れを確認したいとき
• シェア画像を差し替えたあとに、XとFacebookでの見え方を確認したいとき
• 他ページのOGP設定を参考にしたいとき

使うときの注意点

• 取得できるのは対象ページに書かれているメタタグです。JavaScriptで後から追加されるタグは取得できない場合があります。
• SNSのクローラーとは異なるユーザーエージェントで取得するため、実際の表示と異なる場合があります。
• 同じURLを続けて確認すると、直前の取得結果が表示されることがあります。
• OGPを変更しても、SNS側のキャッシュで表示が更新されるまで時間がかかることがあります。