What's the difference between the title tag and the H1?

The title tag appears in the browser tab and as the clickable link in search results. The H1 is a visible on-page heading. They can be the same text but don't have to be; the title tag is optimized for search and social, while the H1 is optimized for the page's own readability and structure.

How long should a title tag be?

Google typically displays up to roughly 50-60 characters before truncating with an ellipsis. This tool flags titles longer than 60 characters as an approximation of that limit so you can trim before publishing.

How long should a meta description be?

Google typically displays up to roughly 150-160 characters before truncating. This tool flags descriptions longer than 160 characters, though Google sometimes rewrites descriptions entirely regardless of length.

Why does the SERP preview matter if Google can rewrite my description anyway?

Google does sometimes generate its own snippet, but your written meta description is still used as-is a majority of the time and is your best chance to control the message searchers see.

What are Open Graph tags for?

Open Graph (og:) tags control how a link appears when shared on Facebook, LinkedIn, Discord, and many other platforms that use the Open Graph protocol — including the preview title, description, and image shown in the shared card.

Do I need both Open Graph and Twitter Card tags?

Twitter/X primarily uses its own twitter: tags but falls back to Open Graph tags if Twitter-specific ones are missing. Including both ensures consistent, correctly sized previews across the widest range of platforms.

What happens if I don't provide an Open Graph image?

The tool simply omits the og:image and twitter:image tags from the output rather than inserting an empty or placeholder value — most platforms will show a generic link preview with no image if none is specified.

How is the truncation estimated?

This tool uses a character-count approximation (60 characters for titles, 160 for descriptions) calibrated to Google's typical proportional-font rendering, rather than a canvas-based pixel measurement, so the warning is consistent and reliable across all browsers and environments.

Does this tool send my content to a server?

No. All tag generation and the SERP preview render entirely in your browser from the values you type. No network request is made.

Meta Tag Generator — Create SEO & Social Meta Tags

Our Meta Tag Generator turns a title, description, URL, and optional image into a complete, copy-ready block of HTML meta tags — title, meta description, canonical link, Open Graph tags, and Twitter Card tags — while a second view shows exactly how your title and description will render as a Google search result, including truncation warnings so you know before you publish if your title or description is too long to display in full.

Page Title

0/60

Meta Description

0/160

Canonical URL

Open Graph Image URL

Generated meta tags

<title></title>
<meta name="description" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">

How to Use the Meta Tag Generator — SEO Title, Description & Open Graph Tags

1
Enter your page title and meta description.
2
Optionally add the canonical page URL and an Open Graph image URL.
3
Switch to the 'SERP Preview' tab to see how the title and description will look in Google search results, with truncation warnings if either is too long.
4
Switch to the 'Tags' tab and click 'Copy All' to copy the generated HTML meta tags into your page's head section.

Why Use Meta Tag Generator — SEO Title, Description & Open Graph Tags?

Title tags and meta descriptions are the first thing a searcher sees before clicking through to your page, and Open Graph / Twitter Card tags control how your link looks when shared on social platforms — yet both are frequently hand-written without checking whether they'll actually fit within each platform's display limits, resulting in awkward mid-word truncation in search results or missing preview images on social shares. This tool solves both problems at once: it generates the complete, correctly formatted tag set in one place, and its SERP preview shows the real visual result with a length warning before you ever publish.

Frequently Asked Questions

Related Tools

UTM Builder — Create Trackable Campaign URLs

Build UTM-tagged URLs for Google Analytics campaign tracking. Add source, medium, campaign, term, and content parameters instantly. Free, runs in your browser.

Website Intelligence Extractor — SEO & Metadata Snapshot Tool

Extract title, meta description, Open Graph tags, headings, word count, and internal/external link counts from any URL in one request. Free SEO snapshot tool.

Sitemap Checker — Validate XML Sitemaps & Find Broken Links

Check any website's XML sitemap for errors, broken links, and missing metadata. Free online sitemap validator with live URL status checks — no signup required.

Website to PNG, PDF, WebP & JPG — Free Screenshot Tool

Convert any website URL to PNG, PDF, WebP or JPG for free. Screenshot any webpage in desktop, tablet or mobile view. Instant — no signup required.