Meta Tag Generator
Generate SEO, Open Graph & Twitter meta tags.
100% private — runs in your browser, nothing is uploaded.
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />Paste these inside the <head> of your HTML page.
How to use the Meta Tag Generator
- 1Enter your page details
Add the title, description, canonical URL and share image.
- 2Add social info
Optionally set an author, Twitter handle and card type.
- 3Review the output
The HTML meta, Open Graph and Twitter tags update as you type.
- 4Copy & paste
Copy the block and paste it into the <head> of your page.
Free online meta tag generator
This meta tag generator builds the SEO and social-sharing tags a web page needs — the title and description that appear in Google, plus the Open Graph and Twitter Card tags that create rich link previews on social media. Fill in the form and copy the ready-made HTML.
Why meta tags matter
Search engines use your title and meta description to decide how your page appears in results, which directly affects click-through rate. When someone shares your link, Open Graph and Twitter tags decide whether it shows a bland URL or an attractive card with a headline, summary and image. Getting these right is one of the highest-leverage, lowest-effort SEO wins.
What this tool generates
- Standard SEO —
title,description, canonical link. - Open Graph —
og:title,og:description,og:url,og:image. - Twitter Card —
twitter:card, title, description, image and site handle.
Everything is generated locally in your browser and HTML-escaped so special characters like quotes and ampersands can't break your markup.
Frequently Asked Questions
What are meta tags used for?
Meta tags are snippets in the <head> of a page that describe it to search engines and social networks. The title and description influence how your page looks in Google results, while Open Graph and Twitter tags control the preview when the link is shared.
What is the difference between Open Graph and Twitter Card tags?
Open Graph (og:) tags are read by Facebook, LinkedIn, WhatsApp and most platforms to build a link preview. Twitter Card tags do the same job specifically on X/Twitter. This generator outputs both so your links look right everywhere.
How long should the title and description be?
Aim for a title around 50–60 characters and a description around 150–160 characters. Longer text is usually truncated in search results. The tool shows a live character count and warns when you go over.
What size should the social share image be?
Use a 1200×630 pixel image for the best result across Open Graph and Twitter's large-image card. Provide an absolute URL (starting with https://) so platforms can fetch it.
Do meta keywords still matter for SEO?
Google has ignored the meta keywords tag for years, so it has no ranking effect. It is included here only because a few niche search engines still read it; you can safely leave it blank.
Where do I put the generated tags?
Copy the output and paste it inside the <head> element of your HTML page, ideally near the top. If your site is built with a framework, add them through its head or metadata API.