メタタグ ジェネレーター
プライバシー優先設計 — すべてブラウザ内で処理します
タイトル、説明、画像、URL を入力すると、SEO の基本、Open Graph、Twitter Card をまとめたメタタグのきれいなブロックを生成します。
出力には Open Graph と Twitter の両方が含まれますか
はい。最初に SEO の基本(title・description・canonical)、続いて Facebook・LinkedIn・Slack 用の Open Graph、最後に Twitter Card が並びます。画像を指定すると Twitter Card のタイプは自動で summary_large_image になります。
説明はどれくらいの長さがよいですか
50〜160 文字を目安にしてください。それ以上だと検索エンジンが切り詰めますし、短い文の方が SNS プレビューでも魅力的に映ります。
HTML エンティティはエスケープされますか
はい。入力中の & < > " はエスケープされ、タイトルに "&" やタグ風の文字が含まれていても HTML として有効なまま保たれます。
よくある質問
- 出力には Open Graph と Twitter の両方が含まれますか?
- はい。最初に SEO の基本(title・description・canonical)、続いて Facebook・LinkedIn・Slack 用の Open Graph、最後に Twitter Card が並びます。画像を指定すると Twitter Card のタイプは自動で summary_large_image になります。
- 説明はどれくらいの長さがよいですか?
- 50〜160 文字を目安にしてください。それ以上だと検索エンジンが切り詰めますし、短い文の方が SNS プレビューでも魅力的に映ります。
- HTML エンティティはエスケープされますか?
- はい。入力中の & < > " はエスケープされ、タイトルに "&" やタグ風の文字が含まれていても HTML として有効なまま保たれます。
- 何かアップロードされますか?
- いいえ。HTML はこのページの小さな JavaScript 関数で組み立てられ、ブラウザの外には何も出ません。