Meta Tag Generator
Generate SEO, Open Graph, and Twitter Card meta tags for your page from a title, description, canonical URL, image, site name, and card type.
Meta Tag Generator — Fill in your page title, description, canonical URL, image, and site name to get a ready-to-paste block of SEO, Open Graph, and Twitter Card meta tags for your HTML head. Live Google SERP and social-card previews show how the page will look in search and when shared. Everything is generated in your browser — nothing about your page is uploaded.
What is Meta Tag Generator?
Meta Tag Generator is a free online tool that turns a few page details into a complete set of HTML meta tags: the standard SEO tags (title, meta description, canonical link), Open Graph tags (og:title, og:description, og:type, og:url, og:image, og:site_name), and Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image). Marketers, bloggers, and developers use it when launching a page or article to control how it appears in Google search results and how its link unfurls on Facebook, LinkedIn, X/Twitter, Slack, and Discord. Pick the og:type (website, article, product, profile, or video.other) and the twitter:card style (summary, summary_large_image, app, or player), and the tool writes only the lines for the fields you fill in. It outputs plain HTML tags — it does not crawl your site or read the page for you.
How to use Meta Tag Generator
- Type your page title — this becomes the <title>, og:title, and twitter:title tags.
- Write a meta description (about 150–160 characters) for the description, og:description, and twitter:description tags.
- Enter the canonical URL of the page and an absolute image URL for the link preview.
- Add your site name and choose the og:type and twitter:card from the dropdowns.
- Copy the generated HTML block from the output box and paste it into your page's <head>.
- Use the Google SERP and social-card previews to sanity-check how the result looks before publishing.
Examples
Blog article tags
Input
Title: How to Bake Sourdough Description: A beginner's guide to baking sourdough bread at home. URL: https://blog.example.com/sourdough og:type: article
Output
<title>How to Bake Sourdough</title> <meta name="description" content="A beginner's guide to baking sourdough bread at home." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="How to Bake Sourdough" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
Large-image social card
Input
Image: https://example.com/og.png twitter:card: summary_large_image
Output
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
Special characters are escaped
Input
Title: Tips & Tricks for "Pros"
Output
<title>Tips & Tricks for "Pros"</title>
Frequently asked questions
- Which meta tags does this generate?
- It produces standard SEO tags (<title>, meta description, and a canonical link), Open Graph tags (og:title, og:description, og:type, og:url, og:image, og:site_name), and Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image). Only the lines for the fields you fill in are included, so you never get empty placeholder tags.
- What is the difference between og:type and twitter:card?
- og:type tells platforms what kind of object the page is — website, article, product, profile, or video.other — which affects how the link unfurls. twitter:card chooses the layout on X/Twitter: summary is a small thumbnail, summary_large_image shows a big banner image, while app and player are for apps and media. Pick the pair that matches your content.
- Should the image URL be absolute?
- Yes. og:image and twitter:image must be full absolute URLs starting with https:// because scrapers fetch them from outside your site — a relative path like /og.png will not load. For best results use a 1200×630 image for large cards.
- Does this tool crawl or read my live page?
- No. It only formats the values you type into HTML meta tags. It does not fetch, crawl, or analyze any URL — the canonical and image URLs are written into the tags verbatim, not visited.
- Is my data sent to a server?
- No. The tags are built entirely in your browser with JavaScript. Nothing you type — including unpublished titles, URLs, or descriptions — is uploaded, stored, or sent anywhere, so it is safe to use on private or pre-launch pages.