OGP確認ツール
URLを入力するだけでOGP（Open Graph Protocol）の設定内容を確認。SNSシェア時の表示をプレビュー。
使い方
- 確認したいWebページのURLを入力します。
- 「確認」ボタンをクリックすると、OGPタグの設定内容を取得・表示します。
- 各OGPプロパティ（タイトル、説明文、画像など）の設定状況を確認できます。
- SNSでのシェア時のプレビューも確認できます。
※ 現在、サーバーサイド機能は準備中です。
このツールについて
OGP確認ツールは、WebページのOGP（Open Graph Protocol）タグの設定状況を確認し、SNSでのシェア時にどのように表示されるかをプレビューできる無料オンラインツールです。Facebook、X（Twitter）、LINE、SlackなどでURLをシェアした際のタイトル・説明文・画像の表示は、OGPタグの設定内容によって決まります。本ツールを使えば、自サイトのOGP設定が正しく行われているかを素早く確認でき、SNSでのシェア効果を最大化するための改善点を把握できます。
仕組みと特徴
確認したいWebページのURLを入力すると、対象ページのHTMLからOGPメタタグ（og:title、og:description、og:image、og:url、og:type）とTwitterカード設定（twitter:card）を読み取り、一覧形式で表示します。取得した情報をもとにSNSでのシェアプレビューも生成されるため、実際の投稿前にカード表示のイメージを確認できます。og:imageが設定されている場合は画像のプレビュー表示も行われます。各プロパティの設定有無が一目でわかるテーブル表示により、設定漏れを簡単に発見できます。
活用シーン
Webサイトの公開前やリニューアル後のOGP設定チェックとして最も多く活用されています。新しいブログ記事やランディングページを公開する際に、SNSでシェアされた時の見え方を事前に確認することで、意図しない表示を防げます。特にog:imageのサイズや表示位置は、SNSプラットフォームによって切り取り方が異なるため、プレビューでの確認が重要です。また、TwitterカードのバリデーションやFacebookデバッガーの代替ツールとしても利用できます。競合サイトのOGP設定を調査して自サイトの設定を改善する参考にすることも可能です。ECサイトの商品ページやニュースサイトの記事ページなど、SNSシェアが集客に直結するページのOGP最適化に役立ちます。
他ツールとの違い
Facebook Sharing DebuggerやTwitter Card ValidatorなどのSNS公式ツールは各プラットフォーム固有の確認しかできませんが、本ツールではOGPの主要プロパティを一括で確認できます。シンプルなUIでURLを入力するだけで結果が得られるため、複数の公式ツールを行き来する手間が省けます。og:title、og:description、og:image、og:url、og:type、twitter:cardの各プロパティを一覧表示し、設定漏れのあるプロパティを即座に特定できる点が実用的です。SNSシェアプレビューにより、テーブルの情報だけでは把握しにくい実際の表示イメージも直感的に確認できます。
よくある質問
- OGP（Open Graph Protocol）とは何ですか？
- OGPはWebページがSNSでシェアされた際に、タイトル・説明文・画像などを正しく表示するためのメタデータ規格です。Facebookが策定し、現在ではX（Twitter）・LINE・Slackなど多くのプラットフォームで利用されています。
- OGPの設定はどうやって確認できますか？
- このツールでURLを入力して確認できるほか、各SNSの公式デバッグツール（Facebook Sharing Debugger、Twitter Card Validator等）でも確認可能です。ブラウザの「ページのソースを表示」から<meta property="og:...">タグを直接確認する方法もあります。
- OGPを設定したのにSNSで反映されません
- SNS側がキャッシュを保持している可能性があります。Facebook Sharing DebuggerやTwitter Card Validatorで「再取得」を実行してキャッシュをクリアしてください。また、og:imageのURLが正しくアクセス可能か、画像サイズが推奨サイズ（1200x630px以上）を満たしているかも確認しましょう。