メタタグジェネレーター

すべてのツール

タイトル、ディスクリプション、robots、canonical、viewport など、SEO 用 HTML メタタグ一式をライブの Google プレビュー付きで作成。無料でブラウザ内で。

すべてブラウザ内で動作します——何もアップロードされません。フォームを入力し、生成されたタグをページの <head> にコピーしてください。

ページの詳細
検索結果で切り詰められないよう :lo–:hi 文字を目安にしてください。
最適なスニペットのため :lo–:hi 文字を目安にしてください。
検索結果プレビュー

テーマカラー
生成されたタグ
シェアする
関連ツール
Open Graph ジェネレーター 無料
Schema.org / JSON-LD ジェネレーター 無料
robots.txt ジェネレーター 無料
XML サイトマップジェネレーター 無料
SEOトラフィック＆価値計算ツール 無料
SEOタイトル・説明文の長さチェッカー 無料
.htaccess ジェネレーター 無料
.htpasswd ジェネレーター 無料
.gitignore ジェネレーター 無料
QR コードジェネレーター 無料
favicon ジェネレーター 無料
JavaScript チートシート 無料
シェル チートシート 無料
Regex チートシート 無料
Excel チートシート 無料
HTML エンティティ エンコーダー & デコーダー 無料
Claude Code チートシート 無料
PHP チートシート 無料
メール署名ビルダー 無料
スプレッドシート → HTML テーブル 無料
JSON フォーマッター 無料
インターネット速度テスト 無料
Markdown プレビュー・HTML 変換 無料
スプレッドシートコンバーター 無料
お困りですか？
このツールで問題が見つかりましたか？チームにお知らせください。
問題を報告

この無料ツールをあなたのウェブサイトに追加 — 下のコードをコピーして貼り付けてください。

\n\n'; } let lastCode = ''; function render() { const v = values(); applyCounter('title', v.title.length, 50, 60); applyCounter('description', v.description.length, 120, 160); renderSerp(v); lastCode = buildCode(v); codeEl.textContent = lastCode; /* textContent = no XSS */ } /* ----- copy / download ----- */ async function copy(text) { if (!text) { if (window.showToast) window.showToast('warning', T.nothing); return; } try { await navigator.clipboard.writeText(text); } catch (e) { try { const tmp = document.createElement('textarea'); tmp.value = text; document.body.appendChild(tmp); tmp.select(); document.execCommand('copy'); tmp.remove(); } catch (e2) { if (window.showToast) window.showToast('error', T.copy_failed); return; } } if (window.showToast) window.showToast('success', T.copied); } function download() { const v = values(); if (!lastCode) { if (window.showToast) window.showToast('warning', T.nothing); return; } const blob = new Blob([buildDocument(v)], { type: 'text/html;charset=utf-8' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'meta-tags.html'; document.body.appendChild(a); a.click(); setTimeout(() => { URL.revokeObjectURL(a.href); a.remove(); }, 0); if (window.showToast) window.showToast('success', T.downloaded); } /* ----- events ----- */ Object.values(inputs).forEach(el => { el.addEventListener('input', render); el.addEventListener('change', render); }); /* keep color picker and text input in sync */ inputs.themeColor.addEventListener('input', () => { if (inputs.themeColorText) inputs.themeColorText.value = inputs.themeColor.value; }); if (inputs.themeColorText) { inputs.themeColorText.addEventListener('input', () => { const val = inputs.themeColorText.value.trim(); if (/^#[0-9a-fA-F]{6}$/.test(val)) inputs.themeColor.value = val; render(); }); } root.querySelector('[data-mtg-copy]').addEventListener('click', () => copy(lastCode)); root.querySelector('[data-mtg-download]').addEventListener('click', download); root.querySelector('[data-mtg-sample]').addEventListener('click', () => { inputs.title.value = T.sample.title; inputs.description.value = T.sample.desc; inputs.keywords.value = T.sample.keywords; inputs.author.value = T.sample.author; inputs.canonical.value = T.sample.canonical; inputs.lang.value = 'en'; inputs.robotsIndex.value = 'index'; inputs.robotsFollow.value = 'follow'; inputs.viewport.checked = true; inputs.charset.checked = true; inputs.themeColor.value = '#0d6efd'; if (inputs.themeColorText) inputs.themeColorText.value = '#0d6efd'; render(); }); root.querySelector('[data-mtg-reset]').addEventListener('click', () => { ['title', 'description', 'keywords', 'author', 'lang', 'canonical'].forEach(k => { inputs[k].value = ''; }); inputs.robotsIndex.value = 'index'; inputs.robotsFollow.value = 'follow'; inputs.viewport.checked = true; inputs.charset.checked = true; inputs.themeColor.value = '#0d6efd'; if (inputs.themeColorText) inputs.themeColorText.value = '#0d6efd'; render(); }); /* init text mirror for color */ if (inputs.themeColorText) inputs.themeColorText.value = inputs.themeColor.value; render(); })();