このツールに問題がありますか?

「Og Meta Parser Online」について

このツールは URL を取得し、その Open Graph (og:) メタタグを抽出します。Facebook、LinkedIn、Slack、iMessage などがリンクプレビューを構築する際のメタデータです。ページが宣言する og: プロパティを一覧化し、加えて Twitter Card タグも返します。

Open Graph はリンク共有時の見え方(タイトル、説明、プレビュー画像、種類等)を決定します。タグが欠けたり誤っていると醜い/空のプレビューになり、CTR を損ないます。

自分のページが意図したメタデータを持っているか確認、特定プラットフォームでおかしいプレビューのデバッグ、競合の共有プレビューの構造調査などに。Facebook Sharing Debugger や LinkedIn Post Inspector はプラットフォーム別の追加検証に便利。

このツールの使い方

HTML から Open Graph と Twitter Card のメタデータを取り出す手順

  1. ページ HTML を貼り付け

    対象ページの生 HTML を「HTML」欄に貼り付け。ページのソース表示で `<head>` セクション(または全文)をコピー — ツールは `<meta property="og:*">` と `<meta name="twitter:*">` のみを読みます。

  2. 「実行」

    結果は `og`(`og:` 以降をキーにしたオブジェクト)と `twitter`(`twitter:` 以降をキーにしたオブジェクト)。例:`og:title` → `og.title`、`twitter:card` → `twitter.card`。

  3. フェッチはしません

    ツールはあなたが渡した HTML を解析するだけで、URL は取得しません。フェッチには別の URL-fetcher を使い、その応答を投入してください。CSP・ボット拒否・要認証ページなどは見えません。

  4. 結果の確認

    同じ HTML を Facebook Sharing Debugger(developers.facebook.com/tools/debug)や Twitter Card Validator にかけ、各プラットフォームでの表示を確認。解析されたタグは一致しているはずです。