Meta Tag Generator - Create SEO Meta Tags Online

🚀 Quick Start

📝 Basic Information

Page Title *

0/60 characters

Meta Description *

0/160 characters

Page URL

Featured Image URL

🌐 Website Details

Site Name

Content Type

Language

🔍 Google Search Preview

Your Page Title

https://example.com/page

Your meta description will appear here...

📘 Facebook Preview

🐦 Twitter Preview

📋 Generated Meta Tags

🔍 SEO Analysis

`; document.getElementById('generatedCode').textContent = code; updateValidation(); updatePreview(); } function updateValidation() { const title = document.getElementById('pageTitle').value; const description = document.getElementById('pageDescription').value; const url = document.getElementById('pageUrl').value; const image = document.getElementById('pageImage').value; let validation = ''; // Title validation if (!title) { validation += '

❌ Missing page title

'; } else if (title.length < 30) { validation += '

⚠️ Title is too short (recommended: 30-60 characters)

'; } else if (title.length > 60) { validation += '

❌ Title is too long (recommended: 30-60 characters)

'; } else { validation += '

✅ Title length is optimal

'; } // Description validation if (!description) { validation += '

❌ Missing meta description

'; } else if (description.length < 120) { validation += '

⚠️ Description is too short (recommended: 120-160 characters)

'; } else if (description.length > 160) { validation += '

❌ Description is too long (recommended: 120-160 characters)

'; } else { validation += '

✅ Description length is optimal

'; } // URL validation if (!url) { validation += '

⚠️ No URL specified

'; } else if (!isValidUrl(url)) { validation += '

❌ Invalid URL format

'; } else { validation += '

✅ Valid URL format

'; } // Image validation if (!image) { validation += '

⚠️ No featured image specified

'; } else if (!isValidUrl(image)) { validation += '

❌ Invalid image URL format

'; } else { validation += '

✅ Featured image specified

'; } document.getElementById('validationResults').innerHTML = validation; } function showTab(tabName) { document.querySelectorAll('.tab-content').forEach(content => { content.classList.remove('active'); }); document.querySelectorAll('.tab').forEach(tab => { tab.classList.remove('active'); }); document.getElementById(tabName + '-tab').classList.add('active'); event.target.classList.add('active'); } function extractDomain(url) { try { return new URL(url).hostname; } catch { return 'example.com'; } } function isValidUrl(string) { try { new URL(string); return true; } catch { return false; } } function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } function copyCode() { const code = document.getElementById('generatedCode').textContent; navigator.clipboard.writeText(code).then(() => { alert('Meta tags copied to clipboard!'); }).catch(() => { const textArea = document.createElement('textarea'); textArea.value = code; document.body.appendChild(textArea); textArea.select(); document.execCommand('copy'); document.body.removeChild(textArea); alert('Meta tags copied to clipboard!'); }); } function downloadHTML() { const code = document.getElementById('generatedCode').textContent; const title = document.getElementById('pageTitle').value || 'meta-tags'; const fullHTML = `\n\n\n \n \n ${code}\n\n\n \n\n`; const blob = new Blob([fullHTML], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `${title.replace(/\s+/g, '-').toLowerCase()}-meta-tags.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } function validateTags() { showTab('validation'); updateValidation(); } function shareCode() { const title = document.getElementById('pageTitle').value || 'Meta Tags'; const url = window.location.href; if (navigator.share) { navigator.share({ title: `Meta Tags for: ${title}`, text: 'Check out these generated meta tags', url: url }); } else { copyCode(); } }

🏷️ Meta Tag Generator

🚀 Quick Start

📝 Basic Information

🌐 Website Details

🔍 Google Search Preview

📘 Facebook Preview

🐦 Twitter Preview

📋 Generated Meta Tags

🔍 SEO Analysis