OGP画像チェッカー

1. 「URL」欄に確認したいページのURLを入力します。
2. 「OGP情報を取得」ボタンをクリックします。
3. Facebook・X（旧Twitter）・LINEでのシェアプレビューが表示されます。
4. 「チェック結果」タブでog:title・og:description・og:imageなど主要タグの設定状況と問題点を確認できます。
5. 「診断コメント」タブで改善が必要な箇所の具体的な説明を確認できます。
6. 「OGPタグ」「Twitterタグ」タブで各タグの値と文字数の適正チェック結果を確認できます。
7. 「画像情報」タブでog:imageのHTTPステータス・画像サイズ・縦横比・ファイルサイズを確認できます。
8. 「技術情報」タブでページ内のmetaタグ一覧や最終URLを確認できます。
9. 「共有URLをコピー」ボタンで、チェック結果を他の人と共有するためのURLをコピーできます。

OGP確認方法について丁寧に解説

OGP確認方法は、難しく見えても流れはシンプルです。

基本は、URLを入力して、設定されたOGP情報が正しく入っているかを見るだけです。

以下、ユーザー向けにわかりやすく整理します。

OGPとは何か

OGPは、ページURLをX（旧Twitter）やFacebook、LINEなどで共有したときに表示される、タイトル、説明文、画像を指定するための設定です。

たとえば、同じURLでもOGPが正しく設定されていれば、共有時に見栄えのよいカードが表示されます。

逆に、設定が不足していると、タイトルが変になる、説明文が出ない、画像が表示されない、意図しない画像が使われるといったことが起こります。

OGPを確認する目的

OGP確認をする主な理由は次のとおりです。

• SNSでシェアしたときの見え方を確認したい
• 画像が正しく表示されるか見たい
• タイトルや説明文が意図どおりか確認したい
• 公開後に設定ミスがないかチェックしたい
• WordPressやCMSの設定が反映されているか確認したい

サイト運営者だけでなく、ブログを書いている人や企業の担当者にもよく使われます。

一番簡単なOGP確認方法

最も簡単なのは、OGPチェッカーにURLを入れて確認する方法です。

手順

1. 確認したいページのURLをコピーする
2. OGPチェッカーに貼り付ける
3. チェックを実行する
4. 表示された内容を見る

ここで確認するポイントは主に以下です。

• タイトル
• 説明文
• 画像
• URL
• サイト名
• Twitterカード設定

これが一番わかりやすく、初心者にも向いています。

OGP確認で見るべきポイント

1. タイトル

共有されたときに表示される見出しです。

確認したい点は次のとおりです。

• 記事タイトルと大きくズレていないか
• 途中で不自然に切れていないか
• 記号だらけになっていないか
• 意図しない古いタイトルが残っていないか

タイトルはクリック率に大きく影響します。

2. 説明文

ページ内容の要約として表示されることが多い部分です。

確認ポイントは次のとおりです。

• ページ内容を適切に説明しているか
• 長すぎて不自然に省略されていないか
• 空欄になっていないか
• 関係ない文章が入っていないか

説明文がないと、本文の一部が勝手に抜き出されることがあります。

3. 画像

OGP画像は特に重要です。

確認したい点は次のとおりです。

• 画像が正しく表示されるか
• 意図した画像が使われているか
• 画像が小さすぎないか
• 画像切れや比率崩れがないか
• 画像URLが壊れていないか

SNSでは画像の印象が非常に大きいため、ここは必ず見た方がいいです。

4. URL

og:url に設定されたURLも確認対象です。

見るポイントは次のとおりです。

• 実際のページURLと一致しているか
• httpとhttpsがずれていないか
• 末尾スラッシュの違いがないか
• 別ページのURLが入っていないか

ここがずれていると、SNS上で別ページ扱いになることがあります。

5. サイト名

og:site_name が設定されている場合、共有カードにサイト名が表示されることがあります。

確認ポイントは、サイト名の表記ゆれがないか、旧サイト名が残っていないか、空欄になっていないかです。

実際の確認手順をわかりやすく説明

方法1 OGPチェッカーを使う

一番おすすめです。

向いている人

• 初心者
• コードを見たくない人
• すぐ結果を見たい人

何がわかるか

• OGPタグの有無
• タイトルや説明文
• OGP画像
• Twitterカード設定
• エラーの有無

メリット

• 直感的に使える
• コード知識がなくてもわかる
• プレビューが見やすい

方法2 ページのソースコードを見る

少し慣れている人向けです。

手順

1. 確認したいページを開く
2. 右クリックして「ページのソースを表示」
3. og: や twitter: を検索する

例として探すもの

• og:title
• og:description
• og:image
• og:url
• twitter:card

メリット

• 実際に埋め込まれているタグを確認できる
• どのタグが足りないか直接わかる

注意点

• コードに慣れていないと見づらい
• 表示確認まではしにくい

方法3 実際にSNSデバッガーで確認する

特定SNSでどう扱われるかを確認したい場合に使います。

たとえば、SNS側にはキャッシュがあるため、修正後すぐに反映されないことがあります。

その場合は、各サービスの再取得機能や検証機能を使うと、最新状態を読み込ませやすくなります。

こういうときに使う

• 修正したのにSNS表示が変わらない
• 古い画像が残っている
• 実際の共有表示に近い状態を確認したい

OGP確認でよくある失敗

1. 画像が出ない

原因として多いのは次のようなものです。

• og:image が未設定
• 画像URLが間違っている
• 相対パスになっている
• 画像サイズが小さい
• 画像自体にアクセスできない

2. タイトルが意図したものと違う

よくある原因は次のとおりです。

• og:title が未設定
• SEO用タイトルとOGPタイトルが混在している
• CMSの自動生成設定が影響している
• キャッシュが残っている

3. 修正したのに反映されない

これはかなり多いです。

主な原因は、SNS側のキャッシュ、CDNやサーバーキャッシュ、WordPressキャッシュプラグイン、ブラウザキャッシュです。

HTMLを直しても、外部サービス側が古い情報を持っていると、すぐには変わりません。

4. 画像はあるのに別の画像が表示される

これもよくあります。

原因例は、og:image がないため本文内画像が拾われた、複数のOGP画像設定が競合している、テーマやプラグインが別設定を出している、です。

ユーザーが確認するときのおすすめ手順

迷ったら、この順番がわかりやすいです。

1. まずOGPチェッカーでURLを確認する
2. タイトル、説明文、画像が出ているか見る
3. 不足やエラーがあれば内容を修正する
4. 必要に応じてソースコードで og: タグを確認する
5. SNS側のキャッシュも再取得して反映を確認する

この流れなら、大半の問題は見つけやすいです。

どんなページでOGP確認が必要か

OGP確認は次のようなページで特に重要です。

• ブログ記事
• 商品ページ
• サービス紹介ページ
• キャンペーンページ
• 採用ページ
• LP
• お知らせページ

SNS流入を狙うページは、公開前か公開直後に一度確認した方が安全です。

このツールは無料でご利用いただけます。