tool hub ツール集

Meta Tag Generator

Meta Tag Generator — ブラウザで動作します。入力は保存されません。

ブラウザで処理 登録不要 無料


メタタグ生成

<head>에 넣을 title·description·Open Graph·Twitter Card 태그를 만듭니다.

使い方

  1. titledescriptionを埋めます。説明は120〜160字付近を推奨します。
  2. og:titleog:descriptionを空にするとtitle・descriptionをそのまま使います。
  3. og:image URLに共有画像の絶対アドレスを入れます。
  4. twitter:cardでsummary_large_image、summary、なしのどれかを選びます。
  5. 生成後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を推奨します。相対パスはカードで壊れやすいです。

Meta Tag Generator カバー画像
入力内容はサーバーへ送信されず、ページを閉じると消えます。

最終確認日: 2026-09-04