Generate SEO and Social Meta Tags
Fill in your page details and get a clean, properly escaped block of tags for the <head>. Length meters and a search-result preview help you keep titles and descriptions from being cut off.
How to generate meta tags
- Enter the page title and meta description, watching the length meters and the search preview.
- Add the canonical URL and choose whether search engines may index the page and follow its links.
- Fill in the Open Graph image, site name and card type. Social title and description default to your SEO ones.
- Copy the generated HTML into your page's <head>, or download it as a file.
Why escaping matters
A title such as Tom & Jerry "Live" contains characters that break HTML attributes if pasted raw: the quote ends the content attribute early and can corrupt the rest of the head. This generator converts &, <, >, double and single quotes to entities in every value. To check how the finished tags render as share cards, paste your page source into the Open Graph Preview.
Benefits
- Every attribute value is HTML-escaped, so quotes and ampersands never break your markup.
- Robots tag is only added when you change the default, avoiding redundant markup.
- URL fields are validated so relative image paths, which social crawlers can't resolve, are caught early.
Limitations
- The search preview approximates truncation by characters; real search engines measure pixel width and often rewrite snippets.
- Meta keywords are intentionally omitted because major search engines ignore them.
- The lang attribute belongs on the <html> element, so it is shown as a comment for you to apply.
Privacy and security
The form is processed entirely in your browser and nothing you type is uploaded or saved.
Read our privacy policy for details about the site as a whole.
Frequently asked questions
How long should a title tag be?
Around 50–60 characters usually displays in full on desktop results. Longer titles aren't penalised but are cut off, so put the most important words first.
Do I need both Open Graph and Twitter tags?
X (Twitter) falls back to og:title, og:description and og:image when its own tags are missing, but it needs twitter:card to choose the large image layout. This tool outputs both for maximum compatibility.
What does noindex, follow do?
It asks search engines not to show the page in results while still following its links. It's common for thank-you pages, internal search results and thin tag archives.