グラフジェネレーターを開く | Twitterカード＆OGタグクリエイター

使用方法

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

01
ページの詳細を入力してください
タイトル、説明、画像 URL、ページ URL を追加します。
02
カードをプレビューする
プラットフォーム間でリンクがどのように表示されるかを示すライブスニペットをご覧ください。
03
タグをコピーする
既製の Open Graph および Twitter Card メタタグを取得します。
04
あなたのページに追加してください
タグをページの <head> に貼り付け、共有をテストします。

ユースケース

一般的な使用例

—ブロガーは、共有投稿に適切なタイトルと画像を表示させます。
—マーケティング担当者は、キャンペーンリンクが LinkedIn 上で洗練されて見えるようにします。
—開発者は、新しいランディングページに Open Graph タグを追加します。
—店主が Facebook で壊れた共有プレビューを修正しました。

概要

完璧なソーシャルシェアプレビューをデザインする

メタデータスタジオを使用すると、X、Facebook、LinkedIn、Slack で共有されたときにリンクがどのように表示されるかを制御する Open Graph タグと Twitter Card タグを作成してプレビューできます。魅力的なタイトル、説明、画像は、ソーシャルトラフィックからのクリックスルーを劇的に増加させることができ、ポジティブなエンゲージメントシグナルも送信します。

壊れたリンクまたは醜いリンクのプレビューを停止する

メタデータが欠落しているか不正な形式であると、空白のサムネイルや切り詰められたタイトルが表示され、静かに共有が失われます。すぐに貼り付けられる正しいタグを生成し、各プラットフォームがページをどのようにレンダリングするかを正確に確認できるため、投稿するすべてのリンクが意図的でブランドに沿ったものであるように見えます。

特徴

01: Open Graph (OG) および Twitter Card タグジェネレーター
02: Facebook、X、LinkedIn、WhatsApp、Discord、Slack のライブプレビュー
03: 概要と summary_large_image Twitter カードの切り替え
04: 既存の URL からタグをインポートして自動入力
05: プラットフォームごとの長さの検証と警告
06: HTML エクスポートによるすぐにコピーできるメタタグ

よくある質問

Open Graph タグとは何ですか?なぜ必要ですか?+

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

Web サイトに Open Graph タグを追加するにはどうすればよいですか?+

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

og:image のサイズはどれくらいにすべきでしょうか?+

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

Open Graph と Twitter Cards の違いは何ですか?+

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

Open Graph タグをテストするにはどうすればよいですか?+

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

Open Graph タグを追加しないとどうなりますか?+

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

Open Graph と Twitter Cards の違いは何ですか?+

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

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

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

ページの詳細を入力してください

カードをプレビューする

タグをコピーする

あなたのページに追加してください

一般的な使用例

完璧なソーシャルシェアプレビューをデザインする

壊れたリンクまたは醜いリンクのプレビューを停止する

よくある質問

日記より

Best AI Writing Assistants for Content Teams in 2025

How to Choose the Right AI Image Generator

Top 10 Free AI Tools You Can Start Using Today