Meta Tag Generator
Generate SEO meta tags, Open Graph social preview tags, and Twitter Card tags. Fill in the form and copy the complete HTML block.
<!-- 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">
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 robots —
index, followfor normal pages;noindexfor 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:card —
summary_large_imagefor most pages with meaningful images. - twitter:title, twitter:description, twitter:image — Override OG tags specifically for Twitter if needed.
- og:type —
websitefor most pages;articlefor blog posts;productfor 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.