オープングラフ＆Twitterカードジェネレーター

Open Graph (OG) タグは、ソーシャル プラットフォームで共有されたときに Web ページがどのように表示されるかを制御する HTML メタ タグです。これらがないと、Facebook と LinkedIn はページからランダムなテキストと画像を使用することになり、その結果、見た目の悪い共有が作成されます。

このジェネレーターを使用して OG タグを作成し、HTML の <head> セクション内に貼り付けます。主要なタグ: og:title、og:description、og:image (1200×630px である必要があります)、og:url、および og:type。

推奨される og:image サイズは 1200×630 ピクセル (アスペクト比 1.91:1) です。これは Facebook、LinkedIn、X/Twitter 全体で機能します。最小サイズは 600×315px ですが、画像が大きいほどより目立つように表示されます。

Open Graph タグは、Facebook、LinkedIn、Pinterest、WhatsApp で機能します。 Twitter カードは Twitter 固有のメタタグです。どちらもプレビューの表示を制御するという同様の目的を果たしますが、異なるタグ名を使用します (og: と twitter:)。

このツールのプレビューを使用するか、Facebook 共有デバッガー (developers.facebook.com/tools/debug)、Twitter Card Validator (cards-dev.twitter.com/validator)、または LinkedIn Post Inspector を使用して直接テストします。

OG タグがないと、ソーシャル プラットフォームはページをスクレイピングし、不鮮明なサムネイル、間違ったタイトル、切り詰められた説明などのランダムなコンテンツを選択します。これにより、コンテンツが共有される際のクリック数が大幅に減少します。適切な OG タグが付いたページでは、ソーシャル メディアでのクリックスルー率が 2 ～ 3 倍高くなります。

タイトル、説明、画像の URL を入力すると、ジェネレーターは og: および twitter: メタ タグを出力します。これらをページの先頭に貼り付けると、Facebook、X、LinkedIn、Discord でリンクの豊富なプレビューが表示されます。

通常、og:image タグが欠落しているか、画像が小さすぎます。 Open Graph タグの完全なセット (正しいサイズの画像を含む) を生成し、公開する前にリンクがどのように表示されるかをプレビューします。

はい。スタジオでは、Facebook、X/Twitter、LinkedIn などのプラットフォームの共有カードのライブ プレビューが表示されるため、タイトル、説明、画像を微調整できます。

Open Graph は、ほとんどのプラットフォーム (Facebook、LinkedIn、WhatsApp) でプレビューをコントロールします。 Twitter カードは X 独自のフォーマットです。両方を設定すると、すべての主要なネットワークがカバーされます。