OneKitTools logoOneKitTools
開発者に戻る

Open Graphデバッガー

Facebook、X/Twitter、LinkedIn、SlackでURLがどのように表示されるかプレビューしてデバッグ — スコア、不足タグ、ワンクリックHTMLコピー

Open Graphデバッガー について

Facebook、X/Twitter、LinkedIn、SlackでURLがどのように表示されるかプレビューしてデバッグします。OGスコア、不足タグ、ワンクリックHTMLコピー付きです。

Open Graphデバッガー の使い方

  1. 1デバッグしたいURLを入力します。
  2. 2「分析」をクリックしてOpen Graphメタタグを取得・解析します。
  3. 3OGスコアを確認し、どのタグが存在し、どのタグが不足しているかを確認します。
  4. 4各プラットフォームでリンクがどのように表示されるかプレビューします：Facebook、X/Twitter、LinkedIn、Slack。
  5. 5すべてのタグをHTMLとしてコピーして、サイトのheadの不足メタデータを修正します。

ヒント

  • og:title、og:description、og:image、og:urlを必ず設定してください。この4つのタグでほとんどのプラットフォームをカバーします。
  • og:imageには1200x630の画像を使用してください。すべての主要プラットフォームで適切に表示されます。
  • Twitterはtwitter:cardメタタグを使用します。最大のビジュアルインパクトのためにtwitter:cardを「summary_large_image」に設定してください。

関連ツール

OneKitTools チーム更新日 2.21.4