SEOメタタグを生成
ページ情報を入力するだけで、標準・Open Graph・Twitter Cardのメタタグをまとめて生成 — ライブプレビュー付きで、そのまま貼り付け可能です。
標準メタタグ
0 / 60
0 / 160
Open Graph
Twitter Card
Google検索プレビュー
example.com
ページタイトルがここに表示されます
入力を始めるとメタディスクリプションがここに表示されます
SNSカードプレビュー
example.com
ページタイトルがここに表示されます
入力を始めるとメタディスクリプションがここに表示されます
メタタグジェネレーターについて
メタタグは、検索エンジンやSNSプラットフォームに対して、検索結果・リンクプレビュー・シェア投稿でページをどう表示するかを伝えます。このツールはシンプルなフォームから完全でエスケープ済みのタグブロックを生成し、公開前にページの見え方をライブプレビューで正確に確認できます。
機能：
- タイトル、ディスクリプション、canonical、robotsなどの標準SEOタグ
- Facebook・LinkedInなどでリッチなリンクプレビューを実現するOpen Graphタグ
- サマリーと大画像レイアウトに対応したTwitter Cardタグ
- 入力しながら確認できるGoogle検索結果とSNSカードのライブプレビュー
メタタグジェネレーターの使い方
- ページタイトル、ディスクリプション、正規URLを入力します
- SNSでのリンクプレビュー用にOpen Graphの詳細を追加します
- Twitter Cardのタイプを選び、サイトのユーザー名を追加します
- 生成されたタグをコピーするか、HTMLスニペットとしてダウンロードします
よくある質問
このメタタグはどこに貼り付ければよいですか？
ページのHTMLの<head>セクション内に、できれば他のリソースが読み込まれる前の上部に、ブロック全体を貼り付けてください。
メタディスクリプションとOpen Graphのディスクリプションの違いは何ですか？
メタディスクリプションは検索エンジンの検索結果一覧に使われ、og:descriptionはFacebookやLinkedInなどのSNSでリンクを共有した際に使われます。同じ文章でも構いませんが、og:descriptionをよりSNS向け（短く魅力的）に調整すると効果が高くなることが多いです。
タイトルやディスクリプションがオレンジ色で表示されるのはなぜですか？
検索エンジンが通常表示する長さ（タイトルは約60文字、ディスクリプションは約160文字）を超えたことを意味します。長すぎるテキストは省略記号で切り詰められることが多いです。
実際にSEOの順位に影響するメタタグはどれですか？
正直なところ、順位に直接影響するタグはごくわずかです。titleタグとメタディスクリプションは主に検索結果からのクリック率に影響し、順位そのものには影響しません — 今日ではGoogleはkeywordsメタタグをほぼ無視しています。robotsとcanonicalタグは、順位よりもインデックス登録に関係します。
このツールは入力データをどこかに送信しますか？
いいえ。すべてのフィールド、生成されたタグブロック、プレビューは、すべてJavaScriptを使ってブラウザ内でローカルに構築されます — サーバーには何も送信されません。
Open GraphタグとTwitterタグの両方が必要ですか？
厳密には必須ではありません — Twitter/XはOpen Graphタグをフォールバックとして読み込みます — ただし、専用のTwitter Cardタグを追加すると、Twitter/Xでの共有時に異なる画像やサマリーレイアウトを選べるようになります。
プライバシー
入力したすべてのフィールドと生成されたタグブロックはブラウザ内にのみ保持されます。アップロード、記録、サーバーへの保存は一切行われません。