Générateur de balises meta

Tous les outils

Créez un ensemble complet de balises meta HTML SEO — titre, description, robots, canonique, viewport et plus — avec un aperçu Google en direct. Gratuit, dans votre navigateur.

Tout fonctionne dans votre navigateur — rien n'est téléversé. Remplissez le formulaire et copiez les balises générées dans le <head> de votre page.

Détails de la page
Visez :lo–:hi caractères pour qu'il ne soit pas tronqué dans les résultats de recherche.
Visez :lo–:hi caractères pour le meilleur extrait.
Aperçu du résultat de recherche

Couleur du thème
Balises générées
Partager
Outils similaires
Générateur Open Graph Gratuit
Générateur Schema.org / JSON-LD Gratuit
Générateur robots.txt Gratuit
Générateur de sitemap XML Gratuit
Calculateur de trafic et de valeur SEO Gratuit
Vérificateur de longueur de titre et description SEO Gratuit
Générateur .htaccess Gratuit
Générateur .htpasswd Gratuit
Générateur .gitignore Gratuit
Aide-mémoire PowerShell Gratuit
Vérificateur de résolution d'écran Gratuit
Aide-mémoire React Gratuit
Antisèche Excel Gratuit
Antisèche SSH Gratuit
Obfuscateur JavaScript Gratuit
Générateur d'ombre portée CSS Gratuit
Convertisseur de séparateur CSV Gratuit
Antisèche CSS Gratuit
Analyseur de User-Agent Gratuit
Convertisseur Image en Base64 Gratuit
Générateur d'icônes d'app Gratuit
Comparateur de différences / Comparaison de textes Gratuit
Liste des types MIME Gratuit
Générateur d'invites IA Gratuit
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.

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