メタタグジェネレーター

必須メタタグ

タイトルウェブページのタイトル（ブラウザタブに表示）

説明ページコンテンツの簡潔な要約（150-160文字推奨）

著者

キーワードキーワードはカンマで区切ってください

ビューポート

ロボット

Open Graphメタタグ

OGタイトルソーシャルプラットフォームで共有されたときに表示されるタイトル

OG説明ソーシャルメディア共有で表示される説明

OG画像URL共有時に表示される画像（推奨サイズ：1200×630px）

OG URL

Twitter Cardメタタグ

Twitterカードタイプ

Twitterタイトル

Twitter説明

Twitter画像URLTwitterカードに表示される画像

生成されたメタタグ

<!-- Basic Meta Tags -->
<title>ページタイトル</title>
<meta name="description" content="最適なSEOのために約160文字程度のページコンテンツの簡単な説明。" />
<meta name="author" content="あなたの名前" />
<meta name="keywords" content="seo, メタタグ, html, ウェブサイト最適化" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ページタイトル" />
<meta property="og:description" content="ソーシャルメディア共有用の簡単な説明。" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ページタイトル" />
<meta name="twitter:description" content="Twitter共有用の簡単な説明。" />
<meta name="twitter:image" content="https://example.com/image.jpg" />

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

1
必須項目を入力する
ページのタイトル、説明、キーワード、著者、robots ディレクティブを「Essential Meta Tags」セクションに入力します。
2
ソーシャル共有用のタグを追加する
Open Graph と Twitter Card のフィールドにタイトル、説明、画像 URL を入力し、ページが共有されたときの見え方を制御します。
3
生成されたタグを確認する
各フィールドに入力すると、出力エリアでメタタグのマークアップがリアルタイムに組み上がる様子を確認できます。

4
<head> に貼り付ける
「Copy Meta Tags」をクリックし、生成された HTML をページの head セクションに貼り付けます。

よくある質問

このジェネレーターはどのメタタグを作成しますか?

必須の SEO タグ(title、description、keywords、author、viewport、robots)に加え、Open Graph と Twitter Card のタグを作成し、検索エンジンとソーシャルプレビュー向けの一式をまとめて用意します。

Open Graph と Twitter Card のタグは何のためにありますか?

Open Graph タグは、Facebook や LinkedIn などでページが共有されたときに表示されるタイトル、説明、画像を制御し、Twitter Card タグは Twitter で同じ役割を果たします。これにより、リンクが素っ気ない見た目ではなく洗練された形で表示されます。

タイトルと説明はどのくらいの長さにすべきですか?

タイトルは簡潔に、説明はおおむね150〜160文字を目安にします。この長さなら、検索エンジンがスニペット全体を結果で切り詰めずに表示しやすくなります。

OG タグにはどの画像サイズを使うべきですか?

推奨される Open Graph 画像は 1200×630 ピクセルで、ほとんどの SNS で大きなプレビューとしてきれいに表示されます。画像 URL を指定すると、ツールがマークアップに挿入します。

生成したタグはどこに置けばよいですか?

HTML の <head> セクション内、できれば上部付近に貼り付けます。生成はすべてブラウザ内で行われ、ツールは登録不要で無料です。

メタタグジェネレーター

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

よくある質問

関連ツール

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