Open Graph ジェネレーター
共有時にページが見栄えよく表示されるよう Open Graph と Twitter Card タグを生成。ライブのソーシャルカードプレビュー付き。無料でブラウザ内で動作します。
無料
1コンテンツタイプ（og:type）
2詳細
推奨サイズ：1200 × 630 px。
3Twitter／X
Facebook / LinkedIn プレビュー
まだ画像がありません
Twitter / X プレビュー
すべてブラウザ内で動作します。入力した内容はどこにもアップロードされません。
Open Graph ジェネレーターについて
Open Graphジェネレーターは、Facebook、LinkedIn、Xなどのプラットフォームで共有されたときにリンクの表示形式を制御する og: と twitter: のメタタグを作成します。コンテンツタイプ（website、article、product、profile）、タイトル、説明、canonical URL、画像、サイト名、ロケールに加え、カードタイプやsite/authorハンドルを含むTwitter Cardオプションも設定できます。
Facebook/LinkedInの共有カード風とXカード風の2種類のライブプレビューが入力に合わせてリアルタイムに更新されるので、公開前にタイトル、説明、ドメイン、1200×630pxの画像がどのように表示されるかを正確に確認できます。
すべてブラウザ内で処理され、入力内容はアップロードされません。生成されたOpen GraphとTwitter Cardのタグをクリップボードにコピーするか、ページの<head>に貼り付けられるHTMLスニペットとしてダウンロードしてください。
Open Graph ジェネレーターの使い方
- og:type（website、article、product、profile）を選ぶか、「サンプルを入力」をクリックして例から始めます。
- タイトル、説明、canonical URL、画像URL（推奨は1200×630px）に加え、サイト名とロケールを入力します。
- Twitter Cardのタイプ（SummaryまたはSummary with large image）と、任意で@siteおよび@creatorハンドルを設定します。
- リアルタイムに更新される両方のソーシャルカードプレビューを確認します。
- 生成されたメタタグをコピーするか.htmlファイルをダウンロードし、ページに追加します。
よくある質問
1200×630ピクセルを使ってください。この比率であれば、Facebook、LinkedIn、Xで意図しないトリミングなしに大きなカードとして鮮明に表示されます。
Xはほとんどの項目でOpen Graphにフォールバックしますが、カードレイアウトを選ぶにはtwitter:cardが必要で、twitter:siteとtwitter:creatorはアトリビューションを追加します。ジェネレーターはこれらすべてをまとめて出力します。
ソーシャルプラットフォームはリンクプレビューをキャッシュします。新しいタグをデプロイした後は、そのプラットフォームの共有デバッガーやカードバリデーターでURLを再取得し、キャッシュを更新してください。
いいえ。フォームデータ、プレビュー、生成されたマークアップはすべてブラウザ内にのみ存在し、サーバーには送信されません。
はい、完全に無料で制限もありません。
お困りですか？
このツールで問題が見つかりましたか？チームにお知らせください。