Generator de meta tag-uri

Toate instrumentele

Construiește un set complet de meta tag-uri HTML pentru SEO — title, description, robots, canonical, viewport și altele — cu o previzualizare live Google. Gratuit, în browserul tău.

Totul rulează în browserul tău — nimic nu este încărcat. Completează formularul și copiază tag-urile generate în <head>-ul paginii tale.

Detaliile paginii
Țintește :lo–:hi caractere ca să nu fie trunchiat în rezultatele căutării.
Țintește :lo–:hi caractere pentru cel mai bun snippet.
Previzualizarea rezultatului căutării

Culoarea temei
Tag-uri generate
Distribuiți
Instrumente conexe
Generator Open Graph Gratuit
Generator Schema.org / JSON-LD Gratuit
Generator robots.txt Gratuit
Generator de sitemap XML Gratuit
Calculator de trafic și valoare SEO Gratuit
Verificator de lungime pentru titlul și descrierea SEO Gratuit
Generator .htaccess Gratuit
Generator .htpasswd Gratuit
Generator .gitignore Gratuit
Foaie de calcul → tabel HTML Gratuit
Îmbină fișiere Excel Gratuit
Foaie de referință PowerShell Gratuit
Comenzi rapide de la tastatură Gratuit
Generator de parole Gratuit
JSON ↔ YAML Gratuit
Generator de Lorem Ipsum Gratuit
Foaie de referință Laravel Gratuit
Fișă de referință Vim Gratuit
Instrumente pentru coloane Gratuit
Generator CSS Box Shadow Gratuit
Constructor de semnătură e-mail Gratuit
Generator de coduri QR Gratuit
Generator de favicon Gratuit
Escape și unescape de șiruri Gratuit
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.
Raportează o problemă

Adăugați acest instrument gratuit pe propriul site — copiați și lipiți codul de mai jos.

\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(); })();