Meta Tag Generator
Meta Tag Generator — ブラウザで動作します。入力は保存されません。
使い方
- titleとdescriptionを埋めます。説明は120〜160字付近を推奨します。
- og:title・og:descriptionを空にするとtitle・descriptionをそのまま使います。
- og:image URLに共有画像の絶対アドレスを入れます。
- twitter:cardでsummary_large_image、summary、なしのどれかを選びます。
- 生成後HTML metaタグをコピーしてheadに貼ります。リセットで欄を空にします。
ポイント
メタタグ生成は検索スニペットとSNSプレビューに使うtitle、description、Open Graph、Twitterカードタグを作ります。検索エンジンが本文から別の文を選ぶことがあるので、descriptionがそのまま出る保証はありません。og画像を空にするとカードに絵がないプラットフォームがあります。
titleが長いとタブと検索結果で切れるので、核になる語を前に置いてください。生成はブラウザ内だけです。文字数の強制切断はしません。HTTPS画像URLでなければ一部メッセンジャーがカードを空にすることがあります。
例
titleに記事タイトル、descriptionに要約を入れ、og:imageにPNGアドレスを入れて生成するとhead用タグ束が出ます。ogタイトルを空にすると同じタイトルがog:titleにも入ります。Twitterカードをなしにすると該当メタが抜けます。検索スニペットはGoogleが本文から別の文を選ぶことがあるので、descriptionがそのまま出る保証はありません。og画像を空にするとカードにロゴが出ないプラットフォームがあるので、専用画像を入れる方がよいです。titleが長すぎるとタブと検索結果で切れるので、核キーワードを前に置いてください。Twitterカードを大きな画像にするとリンクプレビューが広くなりクリックが増えることがあります。同じ入力を何度も試すときはリセットしてから貼り直し、前回の出力と混ざらないようにします。共用パソコンでは作業後に欄を空にし、原文が画面に残らないようにしてください。ブラウザのタブを閉じれば貼った値も消え、サーバーへ削除依頼を送る必要はありません。ボタン名と欄の見出しは画面上部のツールと同じなので、文章を読みながらそのまま操作できます。結果が空なら、必須欄を埋めたか、エラーメッセージが隠れていないかを先に確認します。この文章は使い方の案内であり、入力データが外部保存先に残るという意味ではありません。モバイルではコピーボタンがクリップボード権限を求めることがあるので、許可してから再度タップしてください。大きな入力はブラウザが遅くなることがあるので、必要な区間だけ切って入れる方がよいです。
関連: JSON-LD生成 · HTML → メタ · UTMビルダー
よくある質問
メタタグの文字数制限はありますか?
強制しません。descriptionはおよそ120–160字を推奨します。
og欄を空にするとどうなりますか?
og:titleとog:descriptionはtitle・descriptionをそのまま使います。
タグはサーバーに保存されますか?
いいえ。ブラウザ内だけで組み立てます。
twitter:card なしはどういう意味ですか?
Twitterカードメタを出力しません。OGだけ必要な場合です。
検索結果にdescriptionがそのまま出ますか?
出ないことがあります。検索エンジンが本文の別の文を選ぶこともあります。
og:imageは相対パスでもよいですか?
絶対URLを推奨します。相対パスはカードで壊れやすいです。
最終確認日: 2026-09-04