2010年から · 毎月200万回以上のツール利用を支えています
2010年から
Chrome に追加

私のツールボックス

自動モード

保存したツールはまだありません。

プレミアムバージョンにアップグレード
関連ツール
YouTubeタグ抽出ツールOpen GraphチェッカーTwitter/X 文字数カウンターソーシャルメディア投稿時間最適化ツールTwitter/X タイムスタンプ変換器
ホームページ > ウェブマスターツール
 

メタタグジェネレーター

Google、Facebook、X (Twitter) 用のSEOメタタグ、Open Graphタグ、Twitterカードタグをライブプレビュー付きで生成します。リアルタイムの文字数カウントとワンクリックコピー機能を搭載。

無料で利用可能登録不要2026年2月更新
メタタグジェネレーター今すぐ無料で試す ▼

⚡ クイックサンプル — いずれかを試して機能を確認してください:

ブログ記事 EC商品の詳細 ポートフォリオサイト
推奨: Google検索結果向けに50-60文字
推奨: 検索結果で最適に表示されるように150-160文字
カンマ区切りのキーワード（SEO効果は限定的ですが、一部のエンジンで使用されます）
このページの優先URL（重複コンテンツの問題を防ぎます）
オプション
モバイルデバイスでのレスポンシブ動作を制御します
ℹ Open Graph タグは、Facebook、LinkedIn、Pinterest、その他のソーシャルプラットフォームで共有された際のページの表示を制御します。空欄の場合、基本SEOの値が代替として使用されます。
推奨: 1200 x 630 ピクセル、5MB 未満
ℹ Twitter Card タグは、X (Twitter) で共有された際のページの表示を制御します。空欄の場合、XはOpen Graphタグを代替として使用します。
ほとんどのコンテンツには summary_large_image が推奨されます
推奨: summary_large_image の場合は 1200 x 628 ピクセル
あなたのX @ユーザー名
コンテンツ作成者の@ユーザー名
👁 ライブプレビュー
🌐 example.com
ページタイトル
ここにページの説明が表示されます。検索結果からのクリック率を向上させるために、魅力的な説明を記入しましょう。
⬚ 画像が設定されていません — og:image URLを追加してください
example.com
Open Graphタイトル
ここにOpen Graphの説明が表示されます。
⬚ 画像が設定されていません — twitter:image URLを追加してください
Twitter Cardタイトル
ここにTwitter Cardの説明が表示されます。
🔗 example.com

メタタグジェネレーターを埋め込む

メタタグジェネレーター

メタタグジェネレーターは、ウェブサイト用のSEO最適化されたメタタグ、Open Graphタグ、Twitter Cardタグをライブプレビュー付きで作成します。公開前に、Google検索結果、Facebook投稿、X (Twitter) カードでの表示を正確に確認できます。リアルタイムの文字数カウンターにより、視認性を最大化するための推奨制限値内に収めることができます。

メタタグとは何ですか？

メタタグはウェブページの <head> セクションに配置されるHTML要素で、検索エンジンやソーシャルメディアプラットフォームにメタデータを提供します。ページ自体には表示されませんが、ウェブ全体でのページの発見、インデックス登録、表示方法に大きく影響します。

このツールで生成できるメタタグの種類

カテゴリタグ用途
SEO<title>検索結果やブラウザのタブに表示されるページタイトル
SEOmeta description検索結果のタイトルの下に表示される概要スニペット
SEOmeta keywordsカンマ区切りのキーワード（現在のSEOへの影響は限定的）
SEOmeta robots検索エンジンのクロールとインデックス登録の動作を制御
SEOlink canonical重複コンテンツを防ぐための優先URLを指定
ソーシャルog:titleFacebookやLinkedInなどで共有された際に表示されるタイトル
ソーシャルog:descriptionソーシャルメディアの共有カードに表示される説明文
ソーシャルog:imageソーシャルメディアの共有プレビューに表示される画像
X/Twittertwitter:cardカードの種類：summary または summary_large_image
X/Twittertwitter:siteあなたのX (Twitter) @ユーザー名

推奨文字数制限

Google タイトル
50–60
文字
Google 説明
150–160
文字
OG タイトル
60–90
文字
OG 説明
100–200
文字
Twitter タイトル
50–70
文字
Twitter 説明
200未満
文字
プロのアドバイス: SEO、Open Graph、Twitter Cardごとに異なるタイトルと説明を作成しましょう。各プラットフォームで表示制限やコンテキストが異なります。検索結果のタイトルはキーワードを豊富に含めるべきですが、ソーシャルメディアのタイトルは魅力的で共有したくなるようなものであるべきです。

このメタタグジェネレーターの使い方

  1. 基本SEOタグを入力する: ページタイトル（推奨50-60文字）、メタディスクリプション（150-160文字）、キーワードを入力し、robots指示、文字セットを選択し、オプションで正規URLを追加します。
  2. Open Graphタグを追加する: Open Graphタブに切り替え、FacebookやLinkedInで最適に共有されるように、OGタイトル、説明、画像URL、ページURL、サイト名、コンテンツタイプを入力します。
  3. Twitter Cardタグを設定する: Twitter Cardタブに切り替え、カードタイプ（summaryまたはsummary_large_image）、タイトル、説明、画像URL、およびあなたのX @ユーザー名を設定します。
  4. タグをプレビューする: Google検索結果、Facebook投稿、X (Twitter) カードでの表示を確認できるライブプレビューパネルをチェックします。
  5. 生成してコピー: 「メタタグを生成」をクリックして、構文ハイライト付きの完全なHTMLコードを表示します。「コードをコピー」をクリックし、ページの <head> セクションに貼り付けます。

Open Graph 画像のベストプラクティス

  • 推奨サイズ: 1200 x 630 ピクセル (アスペクト比 1.91:1)
  • 最小サイズ: 200 x 200 ピクセル (Facebookには最低限これが必要)
  • ファイルサイズ: パフォーマンス向上のため 5MB 未満
  • 形式: JPEG、PNG、または WebP
  • セーフエリア: 重要なテキストやロゴは画像の中央 80% 以内に収める

Twitter Card の種類

  • summary: 四角いサムネイル付きの小さなカード（最小 144x144）。記事や一般的なコンテンツに最適です。
  • summary_large_image: 目立つ画像付きの大きなカード（推奨 1200x628）。ブログ記事、ランディングページ、ビジュアルコンテンツに最適です。
注意: Twitter Cardタグを設定しない場合、X (Twitter) は自動的にOpen Graphタグを代替として使用します。しかし、両方を設定することで、各プラットフォームでの表示方法を完全に制御できます。

よくある質問

メタタグとは何ですか？なぜSEOに重要なのですか？

メタタグは、ウェブページの セクションに配置されるHTML要素で、検索エンジンやソーシャルメディアプラットフォームにページのメタデータを提供します。主なメタタグには、タイトルタグ（検索結果に表示）、メタディスクリプション（検索結果のタイトルの下に表示される概要）、robotsタグ（検索エンジンのクロールを制御）などがあります。適切に作成されたメタタグは、検索結果からのクリック率を向上させ、ソーシャルメディアで共有された際にコンテンツが正しく表示されるようにします。

Open Graphタグとは何ですか？どのように機能しますか？

Open Graph (OG) タグは、Facebookによって開発されたメタタグで、Facebook、LinkedIn、Pinterestなどのソーシャルメディアプラットフォームで共有された際のページの表示方法を制御します。主なOGタグには、og:title、og:description、og:image、og:url、og:typeなどがあります。誰かがあなたのURLを共有すると、これらのプラットフォームがOGタグを読み取り、指定されたタイトル、説明、画像を含むリッチなプレビューカードを生成します。

Twitter Cardタグとは何ですか？

Twitter Cardタグ（現在のX Cardタグ）は、X（旧Twitter）で共有された際のコンテンツの表示方法を制御するメタタグです。主なタイプには、summary（小さなサムネイル）とsummary_large_image（大きなアイキャッチ画像）があります。主なタグには、twitter:card（カードタイプ）、twitter:title、twitter:description、twitter:image、twitter:site（あなたの@ユーザー名）が含まれます。Twitter Cardタグが設定されていない場合、XはOpen Graphタグを代替として使用します。

メタタイトルと説明の理想的な長さは？

SEOの場合、推奨されるメタタイトルの長さは50〜60文字です（Googleは通常、最大60文字または約600ピクセル幅まで表示します）。メタディスクリプションは150〜160文字にする必要があります（Googleはそれ以上の長さを省略する場合があります）。Open Graphの場合、タイトルは60〜90文字、説明は100〜200文字が適しています。Twitter Cardの場合、タイトルは50〜70文字で、説明は200文字未満が最適です。

Open GraphとTwitter Cardの両方のタグが必要ですか？

Twitter Cardタグがない場合、X (Twitter) はOpen Graphタグを代替として使用しますが、両方を含めるのがベストプラクティスです。Twitter Cardタグを使用すると、カードタイプ（summary vs summary_large_image）をカスタマイズしたり、OGタグだけでは不可能な@ユーザー名を含めたりすることができます。両方用意することで、すべてのプラットフォームで最適な表示を確保できます。

Open GraphとTwitter Cardにはどの画像サイズを使用すべきですか？

Open Graph画像の場合、推奨サイズは1200 x 630ピクセル（比率 1.91:1）、最小200 x 200ピクセルです。summary_large_imageを使用したTwitter Cardの場合は1200 x 628ピクセル、summaryカードの場合は最小144 x 144ピクセル（最大4096 x 4096）を使用します。1200 x 630ピクセルの画像を1枚使用すれば、両方のプラットフォームでうまく機能します。

参考リソース

このコンテンツ、ページ、またはツールを引用する場合：

"メタタグジェネレーター"（https://MiniWebtool.com/ja/メタタグジェネレーター/）、MiniWebtool、https://MiniWebtool.com/

miniwebtool チームによる提供。更新日: 2026年2月6日

開発者向け API が利用できます: このツールをアプリ、自動化、エージェントから 1 回の JSON HTTP リクエストで実行できます。 API ドキュメントを見る

ウェブマスターツール:

人気・最新のツール:

Hreflang タグジェネレーターCSS Flexbox プレイグラウンド.htaccessリダイレクトジェネレーターすべて見る →
ホームページ > ウェブマスターツール > メタタグジェネレーター