メタタグジェネレーター

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

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

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

メタタグジェネレーター

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

ブログ記事 EC商品の詳細ポートフォリオサイト

ページタイトル 0 / 60

推奨: Google検索結果向けに50-60文字

メタディスクリプション 0 / 160

推奨: 検索結果で最適に表示されるように150-160文字

キーワード 0 / 255

カンマ区切りのキーワード（SEO効果は限定的ですが、一部のエンジンで使用されます）

Robots

文字セット (Charset)

正規URL (Canonical URL)

このページの優先URL（重複コンテンツの問題を防ぎます）

オプション

著者 (Author)

言語 (Language)

Viewport

モバイルデバイスでのレスポンシブ動作を制御します

ℹ Open Graph タグは、Facebook、LinkedIn、Pinterest、その他のソーシャルプラットフォームで共有された際のページの表示を制御します。空欄の場合、基本SEOの値が代替として使用されます。

og:title 0 / 90

og:description 0 / 200

og:image

推奨: 1200 x 630 ピクセル、5MB 未満

og:url

og:type

og:site_name

og:locale

ℹ Twitter Card タグは、X (Twitter) で共有された際のページの表示を制御します。空欄の場合、XはOpen Graphタグを代替として使用します。

カードの種類 (Card Type)

ほとんどのコンテンツには summary_large_image が推奨されます

twitter:title 0 / 70

twitter:description 0 / 200

twitter:image

推奨: summary_large_image の場合は 1200 x 628 ピクセル

twitter:site

あなたのX @ユーザー名

twitter:creator

コンテンツ作成者の@ユーザー名

👁 ライブプレビュー

🌐 example.com

ページタイトル

ここにページの説明が表示されます。検索結果からのクリック率を向上させるために、魅力的な説明を記入しましょう。

⬚ 画像が設定されていません — og:image URLを追加してください

example.com

Open Graphタイトル

ここにOpen Graphの説明が表示されます。

⬚ 画像が設定されていません — twitter:image URLを追加してください

Twitter Cardタイトル

ここにTwitter Cardの説明が表示されます。

🔗 example.com

Embed メタタグジェネレーター Widget

メタタグジェネレーター

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

メタタグとは何ですか？

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

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

カテゴリ	タグ	用途
SEO	`<title>`	検索結果やブラウザのタブに表示されるページタイトル
SEO	`meta description`	検索結果のタイトルの下に表示される概要スニペット
SEO	`meta keywords`	カンマ区切りのキーワード（現在のSEOへの影響は限定的）
SEO	`meta robots`	検索エンジンのクロールとインデックス登録の動作を制御
SEO	`link canonical`	重複コンテンツを防ぐための優先URLを指定
ソーシャル	`og:title`	FacebookやLinkedInなどで共有された際に表示されるタイトル
ソーシャル	`og:description`	ソーシャルメディアの共有カードに表示される説明文
ソーシャル	`og:image`	ソーシャルメディアの共有プレビューに表示される画像
X/Twitter	`twitter:card`	カードの種類：summary または summary_large_image
X/Twitter	`twitter: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ごとに異なるタイトルと説明を作成しましょう。各プラットフォームで表示制限やコンテキストが異なります。検索結果のタイトルはキーワードを豊富に含めるべきですが、ソーシャルメディアのタイトルは魅力的で共有したくなるようなものであるべきです。

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

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