Meta Tag Generator
Basic Meta Tags
Open Graph (Facebook / LinkedIn)
Twitter Card
What Are Meta Tags?
Meta tags are HTML elements placed in the <head> section of a page that describe the document rather than display content to the reader. Some, like the <title> and <meta name="description">, are read by search engines to understand and present your page in results. Others control crawler behavior, declare the canonical version of a URL, or name the author. Together they form the foundation of on-page SEO: small, structured signals that help machines categorize your content correctly.
A second family of meta tags governs how your page looks when shared on social platforms. Open Graph tags (og:title, og:description, og:image, and more) control the rich preview cards on Facebook and LinkedIn, while Twitter Card tags (twitter:card, twitter:title, and so on) do the same for X. Writing all of these by hand is tedious and error-prone — the property names are easy to mistype and the attribute quoting must be exact. A generator assembles correctly formatted tags from simple form fields so you can paste a clean, ready-to-use block straight into your HTML.
How to Use This Meta Tag Generator
Fill in the Basic Meta Tags fields on the left: page title, meta description, keywords, author, a Robots directive, and a canonical URL. Character counters next to the title and description fields turn red when you pass the recommended 60- and 160-character limits. The output pane on the right rebuilds the full tag block live as you type, and it always begins with sensible charset and viewport declarations.
Scroll down to add Open Graph values (OG title, description, image, URL, and type) and a Twitter Card (card type and your @username). The generator is smart about reuse: if you leave the OG title or description blank, it falls back to your basic title and description, and the OG URL falls back to your canonical URL. The robots tag is only emitted when you change it from the default index, follow. When the output looks right, click Copy and paste the block inside your page's <head>.
Real-World Use Cases
- Launching a new page — Generate a complete head block with title, description, social, and crawler tags in one pass instead of writing each line by hand.
- Fixing duplicate-content issues — Add a canonical URL so search engines consolidate ranking signals on the version you want indexed.
- Keeping a page out of the index — Switch the robots directive to
noindex, nofollowfor thank-you pages, internal tools, or staging URLs. - Improving click-through from search — Craft and length-check a compelling meta description that fits within the snippet most engines display.
- Setting up social sharing — Produce matching Open Graph and Twitter Card tags so links look professional when shared across platforms.
Tips for Writing Effective Meta Tags
- Keep the title under about 60 characters and lead with your primary keyword so it is not cut off in search results.
- Write meta descriptions of roughly 150–160 characters that read like ad copy and give searchers a reason to click.
- Set a self-referencing canonical URL on every important page, and point near-duplicate pages at the version you want ranked.
- Skip the keywords tag for Google rankings — it is ignored by major search engines — but it is harmless to include for other tools.
- Pair a
summary_large_imageTwitter card with a 1200×630 OG image so both Facebook and Twitter render a full-width banner.
Features
- Complete head block — outputs charset, viewport, title, description, keywords, author, robots, and canonical tags.
- Open Graph tags — generates
og:type,og:title,og:description,og:image, andog:url. - Twitter Card tags — builds the card type, site handle, title, description, and image tags.
- Smart fallbacks — OG and Twitter titles, descriptions, and URLs inherit your basic values when left blank.
- Live character counters — title and description counts highlight when you exceed recommended lengths.
- Proper escaping — special characters in your values are HTML-escaped so the generated tags stay valid.
- One-click copy — grab the entire block for your
<head>in a single click. - 100% client-side — your data never leaves your browser.
Frequently Asked Questions
Where do I paste the generated meta tags?
Place them inside the <head> section of your HTML document, before the closing </head> tag. The order of meta tags within the head does not affect how they are read, but keeping them in the head is required for search engines and social crawlers to find them.
Do I need both Open Graph and Twitter Card tags?
Not strictly. Twitter falls back to Open Graph tags when no Twitter-specific tags are present, so a complete set of OG tags will usually produce a decent card on X. Including both gives you precise control over each platform, which is why this tool generates matching Twitter tags from your values automatically.
Why isn't a robots tag appearing in the output?
The generator only emits a robots meta tag when you change the dropdown away from index, follow, because that value is the default search-engine behavior and adding it explicitly would be redundant. Select any of the other options, such as noindex, nofollow, and the tag will appear in the output.
Does the keywords meta tag help my SEO?
Not for Google or Bing — they have ignored the keywords tag for ranking purposes for many years because it was widely abused. The field is included here for completeness and for the occasional internal search or third-party tool that still reads it, but you should focus your effort on the title and description instead.
What is a canonical URL and when should I set one?
A canonical URL tells search engines which version of a page is the authoritative one when several URLs serve similar or identical content, such as a page reachable with and without tracking parameters. Setting a self-referencing canonical on each page and pointing duplicates at the preferred version helps consolidate ranking signals and prevents diluted or duplicate-content problems.
Is my data sent to a server when I generate tags?
No. Every tag is assembled in JavaScript inside your browser, so the title, description, and other values you enter are never uploaded or stored anywhere. The tool works entirely offline once the page has loaded.