メタタグ生成ツール — タイトル、ディスクリプション、Open Graph、Twitter タグ
ページのタイトル、ディスクリプション、SNS カードの情報を入力すると、文字数カウンター付きで、正しくエスケープされた完全な <head> ブロックを生成します。
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Free Business & Marketing Tools | FreeToolsForWeb</title> <meta name="description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <link rel="canonical" href="https://www.example.com/page"> <meta name="theme-color" content="#244b3f"> <!-- Open Graph (Facebook, LinkedIn, Slack, WhatsApp) --> <meta property="og:type" content="website"> <meta property="og:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta property="og:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta property="og:url" content="https://www.example.com/page"> <meta property="og:site_name" content="Example Co"> <meta property="og:image" content="https://www.example.com/images/share.png"> <meta property="og:locale" content="en_US"> <!-- Twitter / X card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta name="twitter:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta name="twitter:image" content="https://www.example.com/images/share.png">
<head> の中に貼り付けてください。Next.js、React Helmet、CMS では、生の HTML を貼り付けるのではなく、各行を対応する項目に設定してください。
すべてブラウザ内で動作します。入力内容が送信・保存されることはありません。 すべての無料ツールを見る.
不具合や改善できそうな点を見つけましたか？いただいたメッセージはすべて読み、すぐに対応します。
この無料のメタタグ生成ツールは、ページに必要な head タグ一式を生成します。リアルタイムの文字数カウンター付きのタイトルとメタディスクリプション、canonical と robots の指定、そして LinkedIn、Facebook、X、Slack、WhatsApp でリンクが共有されたときの見え方を決める Open Graph と Twitter カードのタグです。値は正しくエスケープされるので、アンパサンドや引用符を含むタイトルでも HTML が壊れません。
メタタグはページ内 SEO で最も小さく、最も目に見える部分です。タイトルとディスクリプションは、自分で書かなければ Google が代わりに書いてしまう広告文であり、SNS 用のタグは、共有されたリンクに画像と見出しが表示されるか、URL だけになるかを決めます。下の解説では、現在の文字数の目安と、もはや何の効果もないタグを紹介しているので、2026 年にもなって meta keywords タグを管理する必要はありません。
使い方
- ページのタイトル（50〜60 文字を目安に、キーワードを先頭に）とメタディスクリプション（120〜160 文字で、クリックする理由を）を入力します。範囲内に収まるとカウンターが緑になります。
- canonical URL にはページの正規のアドレスを設定し、検索結果から除外する必要がない限り、robots は index, follow のままにします。
- 共有用の画像（1200 × 630 ピクセル）、サイト名、Twitter のハンドルを追加します。同じタイトルとディスクリプションが SNS 用のタグにも使われます。
- 検索プレビューを確認し、生成されたブロックをページの <head> にコピーします。
- 公開後は、Open Graph プレビューツールで実際のページをテストし、タグが想定どおりに配信されているか確認します。
よくある質問
SEO で実際に重要なメタタグはどれですか？
タイトル（直接のランキングシグナルで、検索結果の見出し）、メタディスクリプション（ランキングシグナルではありませんが、スニペットになりクリック率を左右します）、canonical（重複コンテンツによる評価の分散を防ぎます）、robots（index / noindex の制御）、viewport（モバイルでの使いやすさ）です。Open Graph と Twitter のタグは SNS での共有に影響し、ランキングには影響しません。meta keywords タグは 2009 年から Google に無視されているので、気にする必要はありません。
タイトルとディスクリプションはどのくらいの長さにすべきですか？
タイトルは約 50〜60 文字です。Google は約 600 px のピクセル幅で切り詰めるためです。ディスクリプションはデスクトップで 120〜160 文字、モバイルではそれより短くなります。Google はより良くできると判断するとどちらも書き換えます。ありきたりな文やキーワードを詰め込んだ文ではそれが起こりやすいので、具体的で誠実な文を書きましょう。
Open Graph と Twitter カードのタグは両方必要ですか？
X は代替として Open Graph のタグを読むので、ほとんどの場合 og:* だけで機能します。それでも twitter:card は追加する価値があります。大きな画像カードと小さなサマリーのどちらにするかを選べるからです。それ以外（LinkedIn、Facebook、Slack、WhatsApp、iMessage、Discord）はすべて Open Graph だけを読みます。
共有用の画像はどのくらいのサイズにすべきですか？
1200 × 630 ピクセル（1.91:1）なら、どのプラットフォームの大きなカードでも安全です。幅が 600 px 未満だと、Facebook と LinkedIn は小さなサムネイルになるか、画像なしになります。フィードで正方形に切り抜くプラットフォームもあるので、重要な内容は端に置かないでください。HTTPS の絶対 URL を使います。
すべてのページに canonical タグを付けるべきですか？
はい。そのページが別のページの重複でない限り、自分自身を指すようにします。トラッキングパラメーター、末尾スラッシュの有無、http / https の違いを 1 つの URL にまとめられる、手軽な保険です。canonical は、200 を返すページの絶対 URL である必要があります。
もはや何の効果もないタグ
meta keywords（2009 年から無視）、meta revisit-after、meta distribution、meta rating、Google 固有の geo.* タグは、すべて無駄な重しです。robots の値 noodp、noydir、nosnippet の派生形は廃止されたか、max-snippet に置き換えられています。テンプレートがまだこれらを出力しているなら、削除しても問題なく、少しすっきりします。
エスケープとエンコード
属性値では & を & に、" を " にエスケープする必要があり、このツールはそれを自動で行います。ブラウザが残りを正しくデコードできるよう、<head> の最初で charset utf-8 を宣言しましょう。フレームワーク（Next.js、Nuxt、Django、Rails、WordPress）では、生の HTML を貼り付けるのではなく、フレームワークの head や SEO のコンポーネントでこれらの値を設定すれば、ページごとに管理でき、エスケープも自動で行われます。
関連する無料ツール
- SERP スニペットプレビュー — ページのタイトルとメタディスクリプションが Google でどう表示されるかを、文字数のリアルタイムチェック付きでプレビューできます。
- OGP プレビュー — URL を入力すると、Facebook、LinkedIn、X、Slack が表示するカードそのもの、見つかったすべてのタグ、不足しているものがわかります。
- robots.txt ジェネレーター — すべて許可、ステージング、WordPress のプリセット、AI クローラーのセクション（学習はブロック、AI 検索は維持）、インデックスから消えるミスへの警告付きで robots.txt を作成します。