Create SEO-optimized meta tags with Open Graph, Twitter Card, and robots directives. Preview how your page looks on Google, Facebook, and Twitter.
https://example.com
Page Title
Page description will appear here.
example.com
Page Title
Page description will appear here.
Page Title
Page description will appear here.
example.com
<meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="robots" content="index, follow" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
The Meta Tag Generator builds the HTML <head> tags that control how your page appears in search results and when shared on social platforms. You fill in fields like title, description, canonical URL, author, and a preview image, and the tool outputs ready-to-paste tags: standard SEO tags (<title>, meta description, meta robots, canonical), Open Graph tags (og:title, og:description, og:image, og:url, og:type) used by Facebook and LinkedIn, and Twitter Card tags (twitter:card, twitter:title, twitter:image).
It is built for web developers, bloggers, marketers, and site owners who want correct, complete metadata without memorizing every property name. Everything runs in your browser, so you can generate and copy the full tag block in seconds and drop it straight into your page template or CMS.
Meta tags live inside the <head> of an HTML page and are read by crawlers and social scrapers rather than shown directly to visitors. Search engines use the <title> and meta description to build the snippet in results pages, while the canonical tag (<link rel="canonical">) tells them which URL is the authoritative version when duplicate content exists.
Social platforms use their own protocols. Open Graph, created by Facebook, uses property attributes such as og:title, og:description, og:image, and og:url, and is also read by LinkedIn, Slack, WhatsApp, and Discord. Twitter/X adds twitter:card and related name-based tags, falling back to Open Graph values when a Twitter-specific tag is missing. A typical image guideline is 1200x630 pixels (a 1.91:1 ratio) for large previews.
For example, a generated block might include <meta property="og:image" content="https://example.com/cover.jpg"> alongside <meta name="twitter:card" content="summary_large_image">. Because platforms cache scraped metadata, you may need to use a debugging or re-scrape tool after changing tags before the new preview appears.
Open Graph (og:*) tags are used by Facebook, LinkedIn, Slack, and most other platforms, while Twitter Card (twitter:*) tags are specific to Twitter/X. Twitter will fall back to Open Graph values if the Twitter-specific tag is absent, but including both gives you precise control over each preview.
Keep titles around 50 to 60 characters and descriptions around 150 to 160 characters. Beyond those lengths, search engines and social platforms typically truncate the text with an ellipsis.
Use an image that is at least 1200x630 pixels with a 1.91:1 aspect ratio, hosted at an absolute https:// URL. Smaller images may render as a small thumbnail or be ignored by some platforms.
Platforms cache the metadata they scrape. Update your tags, then use the platform's re-scrape tool, such as Facebook's Sharing Debugger or LinkedIn's Post Inspector, to force a refresh.
The meta keywords tag is ignored by Google and most major search engines and has no ranking effect. The tool can still generate it if you need it, but the title, description, and canonical tags matter far more.
Yes. The Meta Tag Generator is completely free and runs entirely in your browser. The values you type are never uploaded to a server, so nothing you enter leaves your device.
Place them inside the <head> section of your HTML, before the closing </head> tag. In a CMS, add them to the theme header template or a dedicated SEO/head-code field.