メタタグジェネレーター
SEOメタタグ、Open Graph、Twitter Cardタグを簡単に生成しましょう
基本メタタグ
推奨：50〜60文字0 / 60
推奨：150〜160文字0 / 160
カンマで区切って入力してください
Open Graph (OG) タグ
推奨サイズ：1200x630px
Twitter Cardタグ
Google検索プレビュー
https://example.com
ページタイトルがここに表示されます
メタディスクリプションがここに表示されます。検索結果でユーザーに表示される説明テキストです。
Facebook共有プレビュー
OG画像プレビュー
example.com
OGタイトルがここに表示されます
OG説明がここに表示されます。
Twitterカードプレビュー
Twitter画像プレビュー
Twitterカードタイトル
Twitterカード説明がここに表示されます。
example.com
生成されたHTMLコード
メタタグとは？
メタタグはHTML文書の<head>領域に含まれ、検索エンジンやソーシャルメディアプラットフォームにページ情報を伝達するHTMLタグです。正しいメタタグ設定は、検索エンジン最適化（SEO）やソーシャルメディア共有時にリッチなプレビューを提供するために不可欠です。Open Graphタグは Facebook、LinkedInなどで、Twitter CardタグはTwitter（X）でリンク共有時に活用されます。
使い方
- 左側の入力欄にページタイトル、説明、キーワードなどの基本情報を入力します。
- Open GraphとTwitter Cardセクションでソーシャルメディア共有用の情報を設定します。
- 右側のプレビューでGoogle検索、Facebook、Twitterでの表示形態をリアルタイムで確認します。
- 下部の生成されたコードをコピーしてHTML文書の<head>タグ内に貼り付けます。
よくある質問
ページタイトル（title）とメタディスクリプション（description）は検索エンジン結果ページ（SERP）に直接表示されるため、クリック率（CTR）に大きな影響を与えます。特にページタイトルはGoogleの主要なランキング要素の一つです。キーワードタグは現在ほとんどの検索エンジンで無視されていますが、タイトルと説明に適切なキーワードを含めることは依然として重要です。
両方のタグを設定することを推奨します。Open Graphタグは Facebook、LinkedIn、KakaoTalkなどほとんどのソーシャルプラットフォームで使用されます。Twitter（X）は独自のTwitter Cardタグがなければ OGタグを代わりに使用しますが、Twitter Cardタグを別途設定するとTwitterに最適化されたプレビューを提供できます。
Google検索結果に表示されるタイトルの長さは約50〜60文字（英文基準）です。これより長いタイトルは途切れて表示される場合があるため、重要なキーワードを前方に配置し、50〜60文字以内で作成することをお勧めします。日本語の場合は約25〜30文字程度が適切です。
Open Graph画像の推奨サイズは1200x630ピクセル（1.91:1比率）です。最低600x315ピクセル以上が必要で、ファイルサイズは8MB以下を推奨します。TwitterのSummary Large Imageカードも同じ比率を使用するため、1つの画像で両方のプラットフォームをカバーできます。
いいえ。すべての処理はブラウザで行われ、入力したデータは外部サーバーに送信されません。安心してご利用いただけます。
コメント 0件
登録されたコメントがありません。