Meta Tag Generator
Build your <title> and <meta> tags — with optional Open Graph and Twitter basics.
Fill in a title or description to generate your meta tags…
Title and description are escaped and dropped straight into your page’s <head>. Aim for a title under ~60 characters and a description around 150–160 so search engines show them in full. Everything runs in your browser.
How to generate meta tags
Type your page title and description, then add keywords and an author if you want them. Tick Open Graph or Twitter to include social-sharing tags. The HTML updates live in the code box below — click Copy and paste it inside your page's <head>.
Where the tags go
Paste the block between the <head> and </head> tags of your HTML, ideally near the top. Each value is HTML-escaped so quotes and angle brackets in your text won't break the markup.
Questions
What meta tags should every page have?
At minimum a <title> and a description meta tag — these are what search engines show in results. A viewport tag is essential for mobile, and an author tag is optional. This generator outputs all of them, plus Open Graph and Twitter tags if you tick the boxes.
How long should my title and description be?
Aim for a title under about 60 characters and a description around 150 to 160, so search engines display them without truncating. The generator shows a live character count next to each field to help you stay in range.
Is anything I type sent to a server?
No. The tags are assembled in your browser as you type and nothing is uploaded. Your draft titles and descriptions never leave the page.