OGP・メタタグ チェッカー
HTMLを貼り付けるだけでOGP・メタタグを解析。Google検索結果・Xカードをプレビュー。
ページで Ctrl+U → 全選択してここに貼り付け
—
/ 100点（必須・推奨タグの充足率）
Google 検索結果プレビュー
example.com
タイトルが設定されていません
説明文が設定されていません
X (Twitter) カードプレビュー
og:image 未設定
example.com
タイトルが設定されていません
このツールでできること
HTMLソースを貼り付けるだけでOGP・メタタグをチェックするツールです。Googleプレビュー・Xカードプレビュー、16種類のタグの充足状況確認、文字数オーバー検出、スコア表示に対応しています。
使い方
- 確認したいページのHTMLソース（Ctrl+U / ページのソース）を開きます
<head>...</head>部分を全選択してコピーします- テキストエリアに貼り付けます（Ctrl+Enterでも即時確認できます）
- 「チェック」ボタンをクリックしてGoogleプレビューとタグ一覧を確認します
- 赤・黄のインジケーターで不足タグや文字数オーバーを確認・修正します
こんな時に便利
- SNSシェア時のサムネイル（OGP画像）が正しく設定されているか確認したいとき
- Googleの検索プレビューでtitle/descriptionの文字数が適切かチェックしたいとき
- 本番公開前にOGPタグの設定漏れを一括チェックしたいとき
よくある質問
Q. このツールはURLを直接チェックできますか？
いいえ。セキュリティ上のCORS制限のため、HTMLソースを直接貼り付ける方式を採用しています。ページのHTMLソースをコピーしてテキストエリアに貼り付けてください。
Q. どのタグを確認できますか？
og:title・og:description・og:image・og:type・og:url・twitter:card等のOGPタグ、title・meta description・canonical・robots・viewportなど計16種類のタグをチェックします。
Q. スコアの計算方法は？
title・description・og:title・og:description・og:imageの5つを必須タグとし、設定済みの数をもとにスコア（100点満点）を算出しています。