OGPチェッカー
指定URLのOGP・Twitterカードを取得して表示し、プレビューを確認できます。
URLを入力してチェックしてください。
使い方
このツールについて
指定したURLのOGP（Open Graph Protocol）とTwitterカードのメタタグを取得・表示し、Twitter風・Facebook風のプレビューでシェア時の見た目を確認できるツールです。
使い方
URL欄にチェックしたいページのURL（https:// または http://）を入力し、「チェック」ボタンをクリック。基本情報・OGP・Twitterの各メタが表示され、下部にTwitter風・Facebook風のプレビューカードが表示されます。CORSでブロックされる場合はプロキシ経由で取得を試みます。
ユースケース
• ブログ・LPのシェア時の見た目確認 • OGP・Twitterカードの設定漏れ・誤りのチェック • デバッグ時のメタタグ確認 • 複数ページのOGP一括確認の事前チェック
よくある質問
- Q: このツールはどのメタタグをチェックしますか？
- A: Open Graph（og:title・og:description・og:image・og:url・og:type・og:site_nameなど）とTwitter Card（twitter:card・twitter:title・twitter:description・twitter:image・twitter:creator）タグの両方を取得して表示します。
- Q: 一部のリクエストにプロキシを使用するのはなぜですか？
- A: 多くのウェブサイトはブラウザからのクロスオリジンリクエスト（CORS）をブロックします。直接のフェッチが失敗した場合、ツールは自動的にプロキシサーバー経由で再試行します。プロキシはCORSの制限を回避してサーバー側でページを取得します。
- Q: OGP画像がプレビューに表示されない場合は何を確認すればいいですか？
- A: og:imageが絶対URL（https://…）を使用していること、画像サーバーがホットリンクを許可していること、画像サイズがプラットフォームの要件を満たしていることを確認してください（Facebookは最小1200×630px推奨、Twitterのsummary_large_imageは800×418px推奨）。
- Q: 不足しているOGPタグを修正するにはどうすればいいですか？
- A: <head>に<meta property="og:title" content="…">などの必要なタグを追加してください。フレームワーク別：Next.jsはMetadata APIを使用、WordPressはYoast SEOなどのプラグインを使用、LaravelはLaravel-metaパッケージが使えます。
- Q: このツールはURLをサーバーに送信しますか？
- A: CORSによりブラウザからの直接フェッチが失敗した場合のみ、URLはフェッチプロキシに送信されます。その場合、プロキシがあなたの代わりにページを取得します。それ以外のデータは送信されません。