🏷️ metaタグ生成
SEOに最適なmetaタグ、OGP（Open Graph）、Twitterカードのコードを生成します。Google検索・Facebook・Twitterのリアルタイムプレビュー、文字数カラー表示、robotsメタタグ設定に対応。
0 文字
推奨: 50〜60文字
0 文字
推奨: 150〜160文字
検索・SNS表示プレビュー
Google 検索結果
example.com
https://example.com
ページタイトル
ページの説明文がここに表示されます。検索結果に表示されるディスクリプションのプレビューです。
Facebook / OGP カード
Twitter / X カード
生成されたHTMLコード
使い方・活用例
- 新規ウェブページのtitle・descriptionメタタグを効率的に作成
- OGP（Open Graph Protocol）タグを生成してSNSシェア時の表示を最適化
- Twitter Cardのメタタグを設定してX（旧Twitter）での表示を改善
- Google検索結果・Facebook・Twitterのプレビューでリアルタイムに表示確認
- 文字数カラー表示でSEOに最適なタイトル・ディスクリプションの長さを確認
- robotsメタタグのnoindex・nofollow・noarchive・nosnippetを個別に設定
- 生成したHTMLコードをコピー＆ペーストで簡単にサイトに反映
よくある質問
metaタグ生成の使い方は？
タイトル、説明文、OGP画像URLなどを入力すると、HTMLのmetaタグが自動生成されます。Google検索結果・Facebook・Twitterのリアルタイムプレビューで表示を確認できます。
OGPタグも生成できますか？
はい。FacebookとTwitter Cardの両方のmetaタグを同時に生成します。それぞれのSNSでの表示プレビューもリアルタイムで確認できます。
metaタグで最も重要なものは？
title（ページタイトル）とdescription（ページ説明）が最も重要です。検索結果に直接表示され、クリック率に大きく影響します。タイトルは50〜60文字、ディスクリプションは150〜160文字が推奨されます。
OGPタグとは何ですか？
Open Graph Protocolの略で、SNSでシェアされた際の表示内容（タイトル、説明、画像）を指定するmetaタグです。
文字数の色分けは何を意味しますか？
タイトルは50〜60文字、ディスクリプションは150〜160文字がSEOに最適な範囲です。緑色は最適範囲、黄色は短すぎる場合、赤色は長すぎる場合を示します。
robotsメタタグの各オプションの意味は？
noindex（検索結果に表示しない）、nofollow（リンクを辿らない）、noarchive（キャッシュを保存しない）、nosnippet（スニペットを表示しない）の4つのディレクティブを個別に設定できます。