OGPタグ・SNSシェアチェッカー

このツールでできること

URLを入力するだけで、OGP（Open Graph Protocol）のメタタグを一括取得し、X・Facebook・はてなブックマーク・LINE・Slack・Google検索結果での表示をプレビューできます。タグの未設定や不備を自動で警告し、どのタグから値が取得されたか（ソーストレース）も表示。検出したOG画像はそのままダウンロードできるので、共有画像の確認や保存にも使えます。手動入力モードでは、公開前にOGPの見え方を確認・調整できます。

基本の使い方（3ステップ）

1. 1

   URLを入力して取得

   「URL取得」モードで対象ページのURLを入力し、「OGPを取得」ボタンをクリックします。ページのメタタグが自動的に解析されます。

2. 2

   プラットフォーム別プレビューを確認

   X・Facebook・はてなブックマーク・LINE・Slack・Googleについて、PC / スマホ想定の見え方をまとめて確認できます。画像はCSPの制約により直接表示されない場合がありますが、画像メタ情報（サイズ・形式・比率）で品質をチェックでき、必要ならOG画像をそのまま保存できます。

3. 3

   診断結果と改善提案を活用

   タグの不備や推奨設定の漏れが自動検出されます。改善提案に沿って修正し、「OGPタグ コピー」からタグをそのままコピーして使えます。確認したOG画像はダウンロードボタンから取得できます。

手動入力モードで事前チェック

「手動入力」モードに切り替えると、タイトル・ディスクリプション・画像URL等を直接入力してプレビューを確認できます。サイト公開前にOGPの見え方をシミュレーションしたい場合に便利です。入力と同時にリアルタイムでプレビューが更新されます。

独自機能

ソーストレース

タイトル・説明文・画像がどのメタタグから取得されたかを、フォールバックチェーン付きで表示します。og:title → twitter:title → title タグの優先順位が一目で分かります。

警告エンジン

30以上のチェック項目で、未設定タグ、サイズ不適合、URL不一致などをエラー・警告・情報の3段階で検出します。

画像メタ解析

OGP画像のサイズ（幅x高さ）、MIME形式、ファイル容量、アスペクト比を取得し、各プラットフォームの推奨仕様と照合します。

活用のヒント

• 「サンプルで試す」ボタンで、ツールの動作をすぐに体験できます。
• 入力データはブラウザに自動保存されるので、ページを閉じても続きから作業できます。
• 検出したOG画像はプレビュー上部または画像メタ情報からダウンロードでき、デザイナーや運用担当への共有にも使えます。
• 記事の公開前チェック、既存ページのOGP監査、競合サイトの設定確認などに活用できます。