無料のオンライン meta tags 生成ツール
各項目を入力すると、ページの title、meta description、keywords、canonical、Open Graph、Twitter Card の balise がリアルタイムで組み立てられ、Google 検索プレビューと共有カードが表示され、推奨文字数(50〜60/120〜160 文字)もその場で確認できます。そのまま貼り付けられる HTML コードを出力します。無料・アカウント不要、すべてブラウザー内で完結します。
ページを公開する前に balise を作成
タイトル、説明、URL を入力すると、プレビュー、ゲージ、コードが入力のたびに更新されます。
meta tags 生成ツールは無料で無制限です。ページ数の制限はなく、主要な SNS すべてに対応、アカウントも不要。すべてブラウザー内で動作し、サーバーへは何も送信されません。
ページのすべての balise を一箇所に
リアルタイム Google プレビュー
入力しながら検索結果が描かれます。favicon、URL、青いタイトル、グレーのスニペット。切り捨てられた部分まで含めて、公開前にユーザーが読む内容をそのまま確認できます。
プレビューを試すFacebook、LinkedIn、X の共有カード
SNS プレビューは共有時に表示されるカードを再現します。1200 × 630 の画像、サイト名、太字のタイトル、2行の説明。同じ画像ファイルが og:image と twitter:image の両方に入ります。
カードを見る文字数と8項目のスコア
2つのゲージが title と説明の文字数を追い、チェックリストが長さ、HTTPS、URL のきれいさ、キーワードの有無、画像、サイト名を検証します。スコアは入力のたびに更新されます。
チェックを見るすぐに貼り付けられる HTML コード
1つのブロックに title、meta description、keywords、robots、canonical、Open Graph、Twitter Card をまとめて表示します。1クリックでクリップボードにコピーでき、ページの head バリに貼るだけで公開できます。
コードをコピー3ステップで作る meta tags
各項目を入力
タイトル、説明、URL、キーワード、共有画像、サイト名。ページの種類とインデックス設定を選ぶか、サンプルを読み込んでツールの動作をすぐ確認できます。
プレビューとゲージを確認
Google の検索結果と共有カードは入力のたびに再計算されます。2つのゲージが緑になり、SEO チェックのスコアが最大になるまで文を調整しましょう。
コピーして貼り付け
「コードをコピー」を1クリックですべての balise がクリップボードに入ります。HTML ページの head セクションに貼り付ければ、Google と SNS 向けのスニペットの準備完了です。
meta tags よくある質問
meta tag とは何か、なぜ重要なのか?
title と meta description の理想の文字数は?
生成した meta tags を自分のサイトに追加するには?
meta keywords は今でも意味がありますか?
title、og:title、twitter:title の違いは何ですか?
canonical バリは何のためのものですか?
Facebook と X で別の画像は必要ですか?
meta tags 生成ツールは無料でプライバシーに配慮していますか?
meta tags 生成ツール:2026 年版のおすすめ文字数
うまく最適化されたページは balise から始まります。Google の検索結果に何を表示するか、SNS で共有されたときに何を見せるかを決めるのが balise です。 meta tags 生成ツール の Volade はすべての項目を一箇所にまとめ、推奨文字数を確認し、対応する HTML コードを出力します — アカウント不要、サーバー不要、数秒で完成します。
各 balise のベストな文字数
各 balise には表示できる幅があります。短すぎると余白を無駄にし、長すぎると切り捨てられます。以下が目安です。
| balise | 推奨文字数 | 超過すると |
|---|---|---|
| title | 50〜60 文字 | Google で切り捨て |
| meta description | 120〜160 文字 | 要約または書き換え |
| URL(スラッグ) | 3〜6 語 | 読みにくい URL |
| og:title | ≤ 60 文字 | カード内で切れる |
| og:description | ≤ 200 文字 | 切り捨て幅は可変 |
| twitter:title | ≤ 70 文字 | フィード内で切れる |
| twitter:description | ≤ 200 文字 | 切り捨て幅は可変 |
| meta keywords | 3〜5 語 | Google は無視 |
| 画像(og:image) | 1200 × 630 px | 切り抜きまたはぼやけ |
| ページの H1 | 1 つのみ、≤ 60 文字 | 検索意図の衝突 |
ツールの2つのゲージがこの範囲をリアルタイムで追います。タイトルは 50〜60 文字で緑になり、説明は 120〜160 文字です。
title、description、canonical:各 balise の役割
検索結果で青く表示される唯一の要素は title です。クリックを決めるのはこの部分です。順位には直接関係しませんが、2行でページを売り込むのが meta description です。同じ内容が複数の URL に分散するのを防ぐのが canonical で、ページをインデックスすべきかどうかを決めるのは robots という balise です。ジェネレーターは4つすべてを入力内容から生成するので、構文を覚える必要はありません。
Open Graph と Twitter Card:共有をコントロール
リンクが共有されると、Facebook、LinkedIn、X はページの次の og: と twitter: の balise を読み取ります。これらがなければ、SNS は title をもとに推測し、画像も勝手に選んでしまい — うまくいかないことが多くあります。og:title、og:description、og:image(1200 × 630)、twitter:card を指定すれば、画像もテキストも含めたカードの表示を完全にコントロールできます。ツールのプレビューで、公開前にその表示を確認できます。
クリックを逃すようなミス
単語の途中で切れる長いタイトル、適当に書かれた説明、http のままの URL、共有画像の欠落 — こうした問題はツールの次の 8項目チェック で一目で気づけます。最終スコアが、ページが公開の準備ができているか、それとも公開前に対処すべき点が残っているかを示します。
執筆の流れを完成させる
meta tags は内容を予告するもの。約束を守るには本文の分量が大切です。次の 文字数カウンター と 単語数カウンターで文章の長さを確認してから、下の関連ツールでページを仕上げましょう。