Meta Tags Generator
Generate SEO meta tags, Open Graph tags, and Twitter Card tags. Fill in the form and copy the HTML output.
Comma-separated. Most search engines ignore this tag.
<!-- SEO Meta Tags --> <meta name="robots" content="index, follow"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <!-- Twitter / X Card --> <meta name="twitter:card" content="summary_large_image">
When a meta tags generator is the right tool
Use this page to assemble a block of HTML for a page’s <head>: a title, description, optional keywords, canonical URL, robots, Open Graph tags, and Twitter / X card tags. The output updates as you type. For a visual share-card mockup, switch to Open Graph Preview.
Use cases
Filling SEO first, then inheriting
Set the title and description on the SEO tab and leave the matching OG and Twitter fields blank if they should reuse those values. Set a canonical URL if OG URL should fall back to it. Add a distinct OG or Twitter title only when you want the share card to differ.
Choosing robots and card types
Robots can be index, follow (the default) or the noindex / nofollow combinations in the menu. Twitter card types include summary_large_image, summary, app, and player. OG types include website, article, product, profile, and video.movie.
How the HTML is built
Empty optional fields are skipped. Because og:type, og:locale, twitter:card, and robots have defaults, those tags are present after a reset. OG URL, title, and description, and Twitter title, description, and image, substitute from the SEO (or OG image) fields when the more specific field is empty.
<!-- SEO Meta Tags -->
<title>Hello</title>
<meta name="description" content="Desc">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Hello">
<meta property="og:description" content="Desc">
<meta property="og:locale" content="en_US">
<!-- Twitter / X Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Hello">
<meta name="twitter:description" content="Desc">What this tool does not do
It does not preview cards, fetch a live page, or escape quotes and ampersands in values. It does not add type-specific properties such as article:author or twitter:player. Generation stays in your browser.
How to use Meta Tags Generator
- Fill the SEO tab, then add Open Graph and Twitter / X overrides you actually need.
- Watch the HTML on the right, including the character counters on long fields.
- Copy the output into your page head. Reset if you want to start over.
Frequently asked questions
How does Meta Tags Generator work?
Fill in the SEO, Open Graph, and Twitter / X tabs. The HTML on the right updates as you type. Defaults already set robots to index, follow, og:type to website, og:locale to en_US, and twitter:card to summary_large_image, so those three blocks appear even when the other fields are still empty. Copy writes the current HTML. Reset restores the defaults.
When do Open Graph and Twitter fields fall back to the SEO tab?
If an OG title, description, or URL is blank, the generator uses the SEO title, description, or canonical when those are filled. Twitter title and description fall back the same way; twitter:image falls back to the OG image. Leave those fields blank when you want a single title or description reused. The hint on the Keywords field is accurate: most search engines ignore keywords.
Do the character counters block output?
No. Counters turn red past 60 (title), 160 (description), 95 (OG title), 300 (OG description), 70 (Twitter title), or 200 (Twitter description) characters. They do not truncate the value or stop Copy. They are reminders, not platform limits enforced here.
Does this preview a social card or escape HTML?
No preview is shown here — use Open Graph Preview for a mockup. Attribute values are inserted as-is, so a quote in a title will break the HTML attribute. The app and player Twitter card types only change the twitter:card value; the generator does not add twitter:player or app-specific tags. Article or product OG types likewise do not add extra properties. Generation runs in your browser; nothing is uploaded.
Related tools and guides
References
- See The Open Graph protocol for og:* properties, and your search engine’s documentation for title, description, canonical, and robots.
- A
name="keywords"tag is still emitted when you fill the field, even though most search engines ignore it.