Meta Tag Generator
Fill fields below and click Generate. You can copy tags, preview them, or download an HTML snippet.
Open Graph (Facebook / Social)
Twitter Card
<!-- Generated meta tags will appear here -->
Preview Page
This is a preview — meta tags are inserted in the <head>.
`; const previewWindow = window.open('', '_blank'); if(!previewWindow){ alert('Popup blocked. Allow popups to open the preview.'); return; } previewWindow.document.open(); previewWindow.document.write(content); previewWindow.document.close(); }); // Optionally generate default sample on load window.addEventListener('load', () => { document.getElementById('title').value = 'My Page Title'; document.getElementById('description').value = 'A short sample page description that describes the page content in 120–160 characters.'; document.getElementById('keywords').value = 'sample, demo, meta tags'; document.getElementById('og_image').value = ''; // automatically generate initial tags document.getElementById('generate').click(); });