OGPチェッカーとは？

指定した URL から OGP と Twitter Card のメタデータを取得し、X と Facebook での見え方を確認できるツールです。og:title、og:description、og:image などの値を一覧で見ながら、シェアカードのプレビューも確認できます。

公開前の OGP 確認、画像差し替え後の見え方チェック、タイトルや説明文の調整確認をしたいときに便利です。

使い方

1. 確認したいページ URL を入力します。
2. チェックを実行します。
3. 抽出されたメタデータ一覧を確認します。
4. og:image がある場合は、X と Facebook のプレビューを確認します。

プレビューは X では複数のカード表示とテーマ、Facebook では PC / モバイル表示を見比べられます。

確認できる主な項目

• title
• description
• og:title
• og:description
• og:site_name
• og:url
• og:type
• og:image
• og:image:width
• og:image:height
• og:image:alt
• og:locale
• twitter:card
• twitter:site
• twitter:creator
• twitter:title
• twitter:description
• twitter:image

基本の title / description と OGP / Twitter Card の差を一度に見たいときに向いています。

プレビューで見られる内容

X

• PC Large Image
• モバイル Large Image
• PC Summary
• モバイル Summary

ライト / ダークブルー / ダークのテーマ切り替えもできます。

Facebook

• PC
• モバイル

ライト / ダークのテーマで見え方を比較できます。

参考: OGP画像サイズとアスペクト比

OGP画像の見え方を安定させたい場合は、X と Facebook の両方で使いやすい横長画像を基準にすると確認しやすくなります。

• 目安にしやすいサイズは 1200 × 630px 前後
• アスペクト比の目安は 1.91:1
• X の Large Image と Facebook のシェア画像をまとめて確認したいときは、この比率を基準にすると比較しやすくなります
• 画像内の重要な要素や文字は中央寄りに配置すると、切り取りの影響を受けにくくなります

実際の表示はプラットフォーム側の仕様変更やキャッシュの影響を受けることがあるため、最終確認はプレビューを見ながら行うのがおすすめです。

活用シーン

• 公開前に OGP 設定の抜けを確認したいとき
• シェア画像や説明文を差し替えたあとに見え方を見直したいとき
• X と Facebook でどのように切り取られるかを確認したいとき
• 他ページの OGP 設定を整理して確認したいとき

使うときの注意点

• 取得できるのは対象ページに実際に書かれているメタタグです
• http / https の URL が必要で、アクセスできないページは確認できません
• OGP を変更しても、SNS 側のキャッシュにより実際の表示更新が遅れることがあります
• og:image がない場合は、画像付きプレビューは表示されません