Free SEO Title & Meta Description Generator with Live Google SERP Preview

Step-by-Step Instructions:

1. Paste your article introduction, summary paragraph, or key topic outline into the workspace.
2. The generator formats a concise SEO Page Title and compelling Meta Description within pixel and character limits.
3. Copy the ready-to-use HTML ` `; } const inputEl = document.getElementById('toolInput'); const outputEl = document.getElementById('toolOutput'); const copyBtn = document.getElementById('copyBtn'); const copyBtnText = document.getElementById('copyBtnText'); const clearBtn = document.getElementById('clearInputBtn'); function updateAnalytics(text) { const words = (text.match(/[\w\u00C0-\u024F'-]+/g) || []).length; const chars = text.length; const charsNoSpace = text.replace(/\s/g, '').length; const sentences = (text.match(/[^.!?]+[.!?]+(\s|$)/g) || [1]).length; const readSec = Math.round((words / 200) * 60); const speakSec = Math.round((words / 130) * 60); document.getElementById('statWords').textContent = words.toLocaleString(); document.getElementById('statChars').textContent = chars.toLocaleString(); document.getElementById('statCharsNoSpace').textContent = charsNoSpace.toLocaleString(); document.getElementById('statSentences').textContent = (text.trim() ? sentences : 0).toLocaleString(); document.getElementById('statReadingTime').textContent = readSec > 60 ? `${Math.floor(readSec/60)}m ${readSec%60}s` : `${readSec}s`; document.getElementById('statSpeakingTime').textContent = speakSec > 60 ? `${Math.floor(speakSec/60)}m ${speakSec%60}s` : `${speakSec}s`; } function process() { const val = inputEl.value; updateAnalytics(val); outputEl.value = transform(val); } inputEl.addEventListener('input', process); clearBtn.addEventListener('click', () => { inputEl.value = ''; process(); }); copyBtn.addEventListener('click', async () => { if (!outputEl.value) return; try { await navigator.clipboard.writeText(outputEl.value); copyBtnText.textContent = 'Copied!'; copyBtn.classList.replace('bg-emerald-600', 'bg-indigo-600'); setTimeout(() => { copyBtnText.textContent = 'Copy Result'; copyBtn.classList.replace('bg-indigo-600', 'bg-emerald-600'); }, 1500); } catch (err) { outputEl.select(); document.execCommand('copy'); } }); // Theme Toggle const themeBtn = document.getElementById('themeToggleBtn'); const themeIcon = document.getElementById('themeIcon'); themeBtn.addEventListener('click', () => { const isDark = document.documentElement.classList.toggle('dark'); localStorage.setItem('creatorkit_theme', isDark ? 'dark' : 'light'); themeIcon.className = isDark ? 'fa-solid fa-sun text-base text-amber-400' : 'fa-solid fa-moon text-base text-slate-600'; }); // Load saved theme if (localStorage.getItem('creatorkit_theme') === 'light') { document.documentElement.classList.remove('dark'); themeIcon.className = 'fa-solid fa-moon text-base text-slate-600'; } else { document.documentElement.classList.add('dark'); themeIcon.className = 'fa-solid fa-sun text-base text-amber-400'; }