OGPチェッカー｜OGPタグ プレビュー・検証
Facebook・Twitter・LinkedInのOGPタグをプレビュー・検証します。
OGPチェッカー｜OGPタグ プレビュー・検証とは
OGPチェッカーは、WebページのOGP（Open Graph Protocol）タグとTwitter Cardタグを解析・検証する無料ツールです。og:title・og:description・og:image・og:urlなどの必須タグの有無と内容を確認し、Facebook・X（Twitter）・LinkedIn・LINEなどのSNSでシェアされたときに正しく表示されるかを診断します。コンテンツのSNSシェア最適化に役立ちます。
使い方
- 1検査したいWebページのHTMLソースコードを入力エリアに貼り付けてください。
- 2「OGPをチェックする」ボタンをクリックしてください。
- 3og:* タグとtwitter:* タグの設定内容と、必須タグの充足状況が一覧表示されます。
メリット・特徴
- og:title・og:description・og:image・og:url・og:typeの必須タグを一括確認
- Twitter Card（twitter:card・twitter:title・twitter:imageなど）も同時検証
- SNSシェア時の表示問題を事前に発見・修正できる
- SEO施策の一環としてSNSマーケティング効果を最大化できる
OGP（Open Graph Protocol）の仕組みとSNS表示への影響
OGP（Open Graph Protocol）はFacebookが2010年に策定したWebページのメタデータ規格で、SNSでURLをシェアした際にページのタイトル・説明文・サムネイル画像を正しく表示するための仕組みです。現在はFacebook・X（Twitter）・LinkedIn・LINE・Slackなど主要なSNS・コミュニケーションツールがOGPを参照してリンクプレビューを生成します。OGPが未設定または不正確な場合、シェア時に意図しない画像やタイトルが表示されてしまいます。
OGP必須タグの役割と推奨値
og:titleはSNSシェア時のリンクカードタイトルとして表示され、ページの<title>タグと異なる値を設定できます。og:descriptionはリンクカードの説明文で100〜300文字が推奨です。og:imageはサムネイル画像のURLで、1200×630px（最小600×315px）のJPEG/PNG画像を推奨します。og:urlはページの正規URLを指定します。og:typeはwebsite（通常のページ）またはarticle（記事）が一般的です。これらすべてを設定することでSNSシェア時の表示品質が大幅に向上します。
Twitter Card（X Card）の設定
X（旧Twitter）では独自のTwitter Cardメタタグが使用できます。twitter:cardにはsummary（小さいサムネイル）・summary_large_image（大きいサムネイル）・app（アプリ）・player（動画）の4種類があります。twitter:card・twitter:title・twitter:description・twitter:imageを設定することでXでのリンクプレビューを最適化できます。twitter:* タグが未設定の場合は対応するog:* タグが代替として使用されます。
LINEとSlackでのOGP対応
LINEでURLをシェアすると、og:title・og:description・og:imageが自動的にリンクプレビューとして表示されます。LINEではog:imageの縦横比が1:1（正方形）や横長（1.91:1）のどちらでも対応していますが、SNS全体で見ると1200×630pxが最も互換性が高いサイズです。SlackもOGPを読み込んでリンクプレビューを表示します。SlackはHTTPS経由のOGPのみに対応しており、HTTPのページはプレビューが表示されないことがあります。
OGPタグの実装とSNSキャッシュの管理
OGPタグはHTMLの<head>セクションに記述します。実装後はSNS各社のデバッグツールを使って表示を確認し、キャッシュの更新が必要な場合は公式ツールでリフレッシュします。継続的なSNSマーケティング効果を高めるために、ページ更新時のOGPメンテナンスも重要です。
HTMLへのOGPタグの記述方法
OGPタグはHTMLの<head>内に<meta property="og:title" content="タイトル">の形式で記述します。<html>タグにはXMLNS属性（xmlns:og="http://ogp.me/ns#"）を追加することが推奨されますが、現代のSNSクローラーではなくても問題なく認識されます。WordPressではYoast SEO・All in One SEO・Rank Mathなどのプラグインが自動的にOGPタグを生成するため、手動実装は不要です。カスタムOGP設定が必要な場合はプラグインの設定画面から行えます。
FacebookのOGP Debuggerでのキャッシュ更新
Facebookはページを初めてシェアした際にOGP情報をキャッシュします。OGPタグを更新した後もキャッシュが残っているため、Facebook開発者向けのSharing Debugger（旧OGP Debugger）でURLを入力して「再スクレイプ」ボタンをクリックすることでキャッシュを強制更新できます。複数URLのキャッシュを一括更新するにはBatch Invalidatorを使用します。
X（Twitter）Card Validatorと確認方法
X（旧Twitter）ではCard Validatorというツールを提供しており、URLを入力するとTwitter Cardの表示プレビューと検証結果を確認できます。OGPまたはTwitter Cardタグの更新後にCard Validatorでキャッシュをクリアできます。ただし、XのCard Validatorはアクセスに開発者アカウントが必要な場合があります。このOGPチェッカーツールでHTMLソースを検証してから、各SNSの公式ツールで最終確認するワークフローが効率的です。
よくある質問（FAQ）
- OGPタグとは何ですか？
- OGP（Open Graph Protocol）は、FacebookやTwitterなどのSNSでWebページがシェアされた際に、タイトル・説明文・サムネイル画像を正しく表示するためのメタデータ規格です。Facebookが開発し、現在は多くのSNSが採用しています。
- OGPタグを設定する最低限の必須タグは何ですか？
- og:title（タイトル）、og:description（説明文）、og:image（サムネイル画像URL）、og:url（ページURL）、og:type（コンテンツ種別）の5つが基本的な必須タグとされています。
- OGPタグを設定してもSNSのキャッシュが更新されません。
- FacebookにはOGP Debugger、XにはCard Validatorという公式キャッシュクリアツールがあります。OGPを更新した際はこれらのツールでキャッシュをリセットしてください。
- Twitter CardとOGPの違いは何ですか？
- Twitter Cardはtwitterが独自に定義したメタタグ（twitter:card、twitter:titleなど）です。twitter:* タグが未設定の場合はog:* タグが代替として使用されることが多いです。
- og:imageに推奨される画像サイズは何ですか？
- 1200×630pxが最も推奨されるサイズです。Facebook・X・LINEなど主要SNSで最適表示されます。最小サイズは600×315pxで、これ以下だとFacebookでサムネイルが表示されないことがあります。
不具合や動作がおかしい点を見つけたら教えてください。
不具合報告はこちら →