お気に入り

OGP確認ツール

OGP確認ツール

入力したURLを解析しサイト内のOGP(Open Graph Protocol)とX(Twitter)カードを表示します。
情報を手軽に確認できる無料ツールです。

OGP確認ツールとは

OGPとは、SNSでリンクを共有したときに表示される タイトル・説明文・サムネイル画像 の情報を指定する仕組みのことです。
このツールを使えば、自分のWebサイトやブログ記事がSNSでどのように表示されるかを、簡単にチェックできます。
HTMLの知識がなくても、URLを入力するだけで確認できるため、初心者でも安心して利用できます。

主な機能・特徴

URLを入力するだけSNS共有時の見た目を自動でチェック!複雑な設定は不要
主要SNSに対応X(Twitter)、Facebook、LINEなどのOGP情報を再現して表示
OGPタグの内容を一覧表示ページのソースコードを確認しなくてもタグを視覚的に確認できる
画像のURLやサイズも確認サムネイル画像が正しいサイズ・形式で設定されているかを即座に確認できる
無料・登録不要で利用可能ログインやアカウント登録は一切不要。ブラウザからすぐ使える
デバッグ情報を簡単に取得OGPのエラーや設定漏れを発見するのに便利

活用例

  • WebサイトのSNSプレビュー確認に
    新しく公開したページが、X(旧Twitter)やLINEで正しく表示されるかチェック
  • ブログ記事のアイキャッチ確認に
    WordPressで投稿した記事のサムネイル画像(og:image)が正しく読み込まれているかを確認
  • 企業サイト・ランディングページの品質チェックに
    クライアントに提出する前に、SNS共有時の見た目を確認しておくことで信頼性を担保
  • OGP設定のトラブルシューティングに
    「SNSに画像が出ない」「タイトルが違う」といった問題の原因を特定するために利用

使い方

URLを入力するだけでOK!

数秒待つと、OGP情報が自動的に読み込まれ、以下のような項目が表示されます。

  • タイトル(og:title)
  • 説明文(og:description)
  • URL(og:url)
  • サムネイル画像(og:image)

さらに、Twitterカード用のタグ(twitter:cardtwitter:imageなど)も同時に解析されます。

注意点

OGPがキャッシュされている場合は反映に時間がかかる
SNS(特にXやFacebook)は、一度取得したOGP情報をキャッシュします。修正してもすぐには反映されない場合があります。

画像URLが相対パスの場合はエラーになることも
og:image には必ず「https://~」から始まる絶対URLを指定しましょう。

OGPの正確な反映はSNS公式ツールでも確認を
例えば、以下の公式デバッガーツールも併用すると確実です。

Twitter Card Validator

Facebook Debugger

PR

無料デザインテンプレートなら【デザインAC】
無料イラスト素材【イラストAC】