Meta タグ生成ツール

Open Graph と Twitter Card タグを含む完全な HTML meta タグを生成。SEO とソーシャル共有に最適なコピペ対応コード。

基本 Meta タグ

0/60
0/160

Open Graph & ソーシャル

生成された Meta タグ
<!-- Basic Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />

SEO チェックリスト

タイトル（50-60 文字）
説明（120-160 文字）
OG 画像 URL が設定済み
Canonical URL が設定済み
Twitter Card が設定済み

完全な Meta タグ

基本 HTML meta タグ、Facebook/LinkedIn 用 Open Graph タグ、Twitter Card タグをワンストップで生成。

SEO ベストプラクティス

内蔵の文字数制限と SEO チェックリストで、Google やソーシャルメディアのベストプラクティスに準拠。

コピペ対応

出力はフォーマットされた HTML で、ページの head セクションに直接貼り付けできます。

Meta タグ生成ツールの使い方

  1. 1.基本 Meta タグセクションにページタイトル、説明、キーワードを入力します。
  2. 2.Open Graph & ソーシャル情報に画像 URL やサイト名を追加して、リッチなソーシャルプレビューを実現します。
  3. 3.SEO チェックリストを確認して、すべての重要なフィールドが入力されていることを確認します。
  4. 4.すべてのタグをコピーをクリックし、生成された HTML をページの <head> セクションに貼り付けます。

よくある質問

meta タグとは何ですか？なぜ重要ですか？

meta タグは <head> セクション内の HTML 要素で、ウェブページのメタデータを提供します。検索エンジンにページの内容を伝え（SEO ランキングに影響）、ソーシャルメディアプラットフォームでの表示方法を制御します。

Open Graph (OG) タグとは何ですか？

Open Graph タグ（og:title、og:description、og:image など）は Facebook が作成した meta タグで、Facebook、LinkedIn、Pinterest などでコンテンツが共有されたときの表示方法を制御します。リッチで魅力的なリンクプレビューを保証します。

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

Google は通常、タイトルタグの最初の 50-60 文字と meta 説明の 120-160 文字を表示します。検索結果で最適な表示を得るには、タイトルを 60 文字以内、説明を 120-160 文字にしてください。

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

Twitter Card タグがない場合、Twitter は OG タグをフォールバックとして使用します。ただし、両方を使用することで各プラットフォームでのコンテンツ表示を最大限にコントロールできます。Twitter 固有のタグは Twitter/X 上で OG タグを上書きします。