Meta Tag Generator

Generate meta tags and social preview strings.

Configure inputs in pipeline.

Output will appear here.

Results are estimates based on your input only; no data is stored.

No data is stored or transmitted.

(function(){ const display=document.querySelector('.result'); const source=document.querySelector('.result-source'); const get=(id)=> document.querySelector('#'+id)?.value?.trim() || ''; const esc=(s)=> String(s).replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); const gen=()=>{ const title=esc(get('title')); const desc=esc(get('desc')); const author=esc(get('author')); const lang=esc(get('lang')); const robots=esc(get('robots')); const kw=esc(get('kw')); if(!title && !desc){ if(display) display.textContent=''; if(source) source.textContent='Ready'; return; } const out=[ title?`${title}`:'', desc?``:'', author?``:'', lang?``:'', robots?``:'', kw?``:'', title?``:'', desc?``:'', ``, `` ].filter(Boolean).join('\n'); if(display) display.textContent=out; if(source) source.textContent='Generated'; }; document.getElementById('run-btn')?.addEventListener('click', gen); ['title','desc','author','lang','robots','kw'].forEach(id=> document.querySelector('#'+id)?.addEventListener('input', gen)); gen(); })();