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

私のツールボックス

自動モード

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

プレミアムバージョンにアップグレード
関連ツール
同じシーン
リンク切れチェッカーAIブログタイトルジェネレーター
その他のツール
Hreflang タグジェネレーターYouTubeタグ抽出ツールOpen GraphチェッカーURLスラッグジェネレータースキーママークアップ生成ツールソーシャルメディア投稿時間最適化ツール
ホームページ > ウェブマスターツール
 

メタタグジェネレーター

MiniWebtoolのメタタグジェネレーターは、標準メタデータ、Open Graphタグ、Twitter Cardのマークアップを作成します。ページ情報を入力し、文字数カウンター付きの検索結果やSNSのプレビューを確認してから、タグをサイトにコピーできます。

使い方がわからないときはAIに聞く
Gemini (コピーして開く)

Geminiでは、コピーした質問文をチャットに貼り付けてください。下からコピーすることもできます。

質問文を見る

1日3回まで無料登録不要すぐに結果表示
メタタグジェネレーター今すぐ無料で試す ▼

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

ブログ記事 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) カードでの表示を正確に確認できます。リアルタイムの文字数カウンターにより、視認性を最大化するための推奨制限値内に収めることができます。

一目でわかる

メタタグジェネレーターは、入力したページ情報から標準的なSEOメタタグ、Open Graphタグ、Twitter Cardタグを作成します。プレビューと文字数カウンターで、HTMLをコピーする前にページの表示を確認できます。

メタタグジェネレーターの機能一覧
機能できること向いている用途
SEOタグタイトル、メタディスクリプション、キーワード、robots指示、文字コード、canonical URLの各タグを生成します。新しいページのhead部分を設定するとき
Open GraphタグFacebook、LinkedInなどで共有するため、og:title、og:description、og:image、URL、サイト名、コンテンツタイプを追加します。共有時のリンクの見た目を調整するとき
Twitter Cardタグカードの種類（summaryまたはsummary_large_image）、タイトル、説明、画像、Xの@ユーザー名を設定します。Xで適切なプレビューを表示するとき
ライブプレビューGoogle検索結果、Facebook投稿、Xカードでのページ表示を確認できます。公開前に検索結果の表示を確かめるとき
文字数カウンターGoogleのタイトルは50から60 characters、説明は150から160 charactersなど、推奨範囲をリアルタイムで示します。タイトルや説明が途中で切れないよう調整するとき
コードをコピー構文強調付きでHTML全体を生成し、ボタン1つでhead部分に貼り付けるコードをコピーできます。サイトにタグを素早く追加するとき

メタタグとは何ですか？

メタタグはウェブページの <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 ドキュメントを見る

お気に入りのAIに聞く

Gemini (コピーして開く)

Geminiでは、コピーした質問文をチャットに貼り付けてください。下からコピーすることもできます。

質問文を見る

ウェブマスターツール:

人気・最新のツール:

キーワード密度チェッカーXMLサイトマップ生成ツールGooglebot クロールサイズチェッカーすべて見る →
ホームページ > ウェブマスターツール > メタタグジェネレーター