📄 Primary / SEO Tags
0/60
Shown in browser tab and Google results
0/160
📘 Open Graph (Facebook / LinkedIn)
0/95
0/200
Recommended: 1200×630 px
🐦 Twitter Card
0/70
0/200
📋
Generated HTML
<!-- Primary Meta Tags -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow">
  <meta name="theme-color" content="#3b5bdb">
🌐 Theme Colour
#3b5bdb
Mobile browser chrome colour

Three Different Audiences Your Meta Tags Must Please

Every web page communicates its content to three distinct audiences through its meta tags. Search engines read the title and description to produce search result snippets, the robots tag to know whether to index the page, and the canonical to understand which URL to attribute links to. Social media platforms read Open Graph tags when someone pastes a link — the og:image, og:title, and og:description determine whether the shared link gets a rich preview card or a plain URL. Twitter/X has its own Twitter Card specification with slightly different properties and additional options.

This generator produces all three sets of tags simultaneously from a single form. Fill in your page's details once and copy the complete block — SEO, OG, and Twitter cards — in one step.

The Title Tag — Still the Most Influential SEO Element

Of all the signals Google uses to understand a page, the title tag remains the most directly impactful on ranking and click-through rate. It appears in search results as the blue clickable headline. Good titles are 50–60 characters (longer titles are truncated), include the primary keyword early, describe the specific page content rather than the site, and are unique across every page on the site. Generic titles like "About Us" or "Products" compete with identical titles from every other site; specific titles like "Adjustable Standing Desk — X Series — BrandName" are both more descriptive and more competitive.

Open Graph Image — The One Thing That Determines Click Rate

When someone shares your page on LinkedIn, Facebook, or in a WhatsApp group, the og:image is the first thing people see. A compelling preview image drives dramatically higher click rates than a plain link. The standard size is 1200×630 pixels — this ratio renders without cropping on all major platforms. Always use an absolute URL (starting with https://) for the og:image, not a relative path. Platforms fetch the image directly from the URL in the tag.

If your og:image URL contains special characters or spaces (it shouldn't, but sometimes CDN URLs do), encode it with the URL Encoder before placing it in the tag. Also ensure the robots meta tag for the image URL itself is set to allow indexing — some crawlers verify they can access the image.

Canonical Tags and Duplicate Content

Search engines regularly encounter the same content at multiple URLs: http:// and https:// versions, www and non-www, trailing slash and no trailing slash, plus URL parameters from campaigns (?utm_source=email) and sessions (?session=abc123). Without a canonical tag, Google must decide which URL to credit — and it may choose the wrong one, splitting link equity across multiple variants.

The canonical tag is your explicit instruction: <link rel="canonical" href="https://example.com/page">. Always point to the HTTPS, preferred URL variant. For every page with URL parameters, the canonical should point to the clean URL without parameters. This generator includes the canonical link in its output. After generating, verify the final HTML structure with the HTML Beautifier.

Complete Meta Tag Checklist

  • title — 50–60 characters, includes primary keyword, unique per page.
  • meta description — 150–160 characters, includes a call to action, unique per page.
  • meta robotsindex, follow for normal pages; noindex for pages that shouldn't appear in search.
  • canonical — Absolute HTTPS URL of the preferred version of this page.
  • og:title, og:description, og:image, og:url — Required for social sharing cards on all platforms.
  • twitter:cardsummary_large_image for most pages with meaningful images.
  • twitter:title, twitter:description, twitter:image — Override OG tags specifically for Twitter if needed.
  • og:typewebsite for most pages; article for blog posts; product for e-commerce.

Verified by ToollyX Team · Last updated June 2026

Frequently Asked Questions

Disclaimer: Meta tags are generated and displayed in your browser. No page data is transmitted to any server.