ToolKitDev tools
Meta Tag Generator
Generate SEO, Open Graph and Twitter meta tags with previews.
Meta tag generator
Meta tags
<title>body { color: red; margin: 0; }</title>
<meta name="description" content="body { color: red; margin: 0; }" />
<meta property="og:title" content="body { color: red; margin: 0; }" />How to use the Meta Tag Generator
The Meta Tag Generator produces the SEO, Open Graph and Twitter Card tags a page needs from a handful of fields you fill in, complete with a live preview of how the page will appear when it is shared on social platforms. You then copy the generated tags straight into your page's head section.
Web developers and content marketers use it to set titles, descriptions and share images consistently, so that links look polished in search results and social feeds rather than falling back to whatever the platform guesses. Previewing the social card before publishing helps you avoid awkward truncation, missing images and the wrong text being pulled in.
The tags are generated in your browser with nothing uploaded, so the process is instant and private. There is no install and no account, which makes it a quick, dependable step in preparing any page for launch or for a marketing campaign.
Frequently asked questions
What meta tags does this tool generate?
It generates standard SEO tags (title and description), Open Graph tags for platforms like Facebook and LinkedIn, and Twitter Card tags — all from the fields you fill in.
What are Open Graph tags for?
Open Graph tags control how your link looks when shared on social platforms, setting the title, description and preview image that appear in the card.
Can I preview how the page will look when shared?
Yes. A live preview shows the social card so you can fine-tune the title, description and image before copying the tags into your page's head.
Is my input sent to a server?
No. The tags are generated entirely in your browser and nothing you type is uploaded.