リアルタイムで収まるメタタグを生成
タイトルとディスクリプションを入力すると、Googleが通常表示する範囲を超えた瞬間を文字数カウンターが教えてくれます。完成したマークアップをそのままページの<head>にコピーしましょう。
Fill in a title and description to see the generated markup here.このツールでできること
検索エンジンやソーシャルプラットフォームがページの<head>から読み取るすべての情報。
タイトル&ディスクリプションの文字数制限
単なる任意の文字数上限ではなく、検索結果で省略されやすいタイミングをリアルタイムカウンターが警告します。
Open Graph & Twitter Cards
Slack、X、LinkedIn、iMessageで共有されたリンクが正しいタイトル、ディスクリプション、画像で表示されるよう、任意のソーシャルプレビュー項目を用意。
そのまま使えるマークアップ
手作業での組み立て不要、ページに貼り付けるだけの正確な'<title>'、'<meta>'、'<link>'タグ。
使い方
アカウント登録もAPI呼び出しも不要、すべてブラウザ内で完結します。
タイトルとディスクリプションを入力
Googleの実用的な表示上限に近づくにつれ、カウンターがアンバーから赤へ変わる様子を確認できます。
ソーシャルプレビュータグを追加(任意)
Open GraphとTwitter Cardの項目はデフォルトでタイトル/ディスクリプションを引き継ぎますが、個別に設定することも可能です。
マークアップを'<head>'にコピー
ワンクリックで完成したHTMLをコピーできます。
よくある質問
おおよそ50〜60文字です。Googleは厳密な文字数制限ではなくピクセル幅で切り詰めを判断しますが、60文字以内に収めればデスクトップの検索結果でほとんどのタイトルが省略されずに済みます。
共有時のリンクの見え方を気にするなら必要です。Facebook、LinkedIn、SlackはOpen Graphタグを専用に読み取り、'<meta name="description">'は見ません。設定がなければ画像やディスクリプションを推測し、精度が低いことが多いです。
タグ自体は通常のHTMLなのでどこでも使えます。Next.jsのApp Routerプロジェクトでは、生のタグを貼り付ける代わりにフレームワークのMetadata APIで同じ値を設定するのが一般的です。値(タイトル、ディスクリプション、OG項目)はどちらの方法でも同じです。
いいえ。ジェネレーターは完全にブラウザ内で動作し、サーバーには何も送信されません。タブを閉じるとすべて破棄されます。
他の無料ツール
関連記事
Structured Data and AI Search: What JSON-LD Actually Does for You in 2026
What JSON-LD structured data is, why it matters for both Google rich results and AI crawlers, and a practical checklist for auditing what's actually on your pages.
Technical SEO Audit Checklist: 30+ On-Page & Technical Factors
Titles, canonical tags, structured data, crawlability, redirect chains - a concrete checklist instead of vague 'improve your SEO' advice.
整形だけでなく、メタデータ全体を評価してほしいですか?
SEO Optimizerは、実際のページのタイトル、ディスクリプション、構造化データ、AIエージェント対応状況を1つのレポートでチェックします。
無料監査を実行