メタタグ／Open Graph ジェネレーター

SEO、Open Graph、Twitter/X カード用の meta タグを生成し、プレビューとワンクリックコピーに対応します。

SEO の基本タグ

タイトル (title)0 文字

説明 (description)0 文字

正規URL (canonical)

robots

Open Graph

og:title

og:site_name

og:description

og:image

推奨サイズ：1200×630ピクセル。

og:url

og:type

Twitter / X

twitter:card

twitter:title

twitter:description

twitter:image

twitter:creator

twitter:site

プレビュー

Google

https://example.com/page

（ページタイトル）

（ページの説明）

Facebook／LinkedIn（Open Graph）

画像URLが設定されていません

joelucky.io

（ページタイトル）

（ページの説明）

X / Twitter

画像URLが設定されていません

（ページタイトル）

（ページの説明）

Discord と Slack では、上記と同じ Open Graph タグを使ってプレビューが生成されます。

完全な <head> ブロック

<meta name="robots" content="index,follow" />

<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary_large_image" />

このツールはフォームの入力内容からタグのテキストを生成するだけで、どのURLにもリクエストを送らず、公開中のページの実際のタグも確認しません。

類似ツール：SEO とマーケティング

すべて見る

UTM キャンペーンURLビルダー

UTM パラメータ付きのキャンペーン追跡リンクを作成します。既存のクエリパラメータは保持されます。

開く →

Schema／JSON-LD 構造化データジェネレーター

フォームから Schema.org JSON-LD を作成し、ライブプレビューで確認。

開く →

💬 コメント

まだコメントはありません。最初のコメントを書いてみましょう！

メタタグ／Open Graph ジェネレーターとは？

メタタグ／Open Graph ジェネレーターは、フォームの入力内容から SEO、Open Graph、Twitter/X カードのタグを生成し、Google やソーシャルカードのプレビューも表示します。

重要事項

フォームだけで生成するツールです。どのURLにもリクエストを送らず、公開中のページの実際のタグを確認する機能もありません。

使い方

SEO、Open Graph、Twitter の各欄に入力します。
下に生成された完全な head ブロックをコピーし、ページの <head> に貼り付けます。

よくある質問

このツールは、実際に公開中のサイトの meta タグをチェックしますか？

いいえ。入力した内容からタグのテキストを生成するだけの純粋なフォーム型ジェネレーターで、どのURLにもリクエストを送りません。「ライブチェック」モードもありません（今後の機能として予定しており、このバージョンには含まれていません）。

文字数の警告で、タグのコピーができなくなりますか？

いいえ。タイトルと説明の文字数カウンターは目安としての表示にすぎず（一般的なしきい値を超えると色が変わります）、入力をロックしたり、コピーやダウンロードを妨げたりすることはありません。

なぜ Discord／Slack には別のプレビューがないのですか？

Facebook／LinkedIn のカードとまったく同じ Open Graph タグを読み取るため、ほぼ同じ4つ目のプレビューを作る代わりに、ページ上で1行の説明にとどめています。