Meta Tag Generator
Create title, description, Open Graph, and Twitter Card tags with live length feedback. Paste them into your page's <head>.
<!-- Open Graph --> <meta property="og:type" content="website"> <!-- Twitter --> <meta name="twitter:card" content="summary">
Want to check tags on a live page?
Analyze any URL freeMeta tags, done right in 30 seconds
Meta tags are how you tell search engines and social platforms what a page is about. The title and description shape your Google listing; the Open Graph and Twitter tags shape how your link looks when shared. Getting them right is one of the cheapest, highest-leverage SEO wins.
Fill the fields above and this tool writes clean, valid tags with live length feedback so nothing gets truncated. Copy them straight into your page's <head>.
Frequently asked questions
What meta tags does a page actually need?
At minimum: a unique title tag and meta description. For good sharing, add Open Graph (og:title, og:description, og:image, og:url) and Twitter Card tags. A canonical link is also strongly recommended to avoid duplicate-content issues.
How long should the title and description be?
Aim for ~50–60 characters for the title and ~150–160 for the description. Google truncates by pixel width, so front-load the important words. The counters above turn amber when you exceed the safe range.
Where do I put these tags?
Paste them inside the <head> section of your HTML, or in your framework’s head component (e.g. Next.js metadata, a <Helmet>, or your CMS SEO fields). One set of tags per page.
Do meta keywords still matter?
No. Google has ignored the meta keywords tag for well over a decade. Focus on the title, description, and structured data instead.
Related tools
Open Graph Image Generator
Design & download a 1200×630 social share image in your browser.
UTM Campaign URL Builder
Tag links for GA4, Meta, Google Ads & email with presets and one-click copy.
URL Slug Generator
Turn any title into a clean, hyphenated, SEO-friendly URL slug.
Canonical Tag Generator
rel=canonical as HTML, Next.js metadata, or an HTTP header.
This tool solves one thing.
Scan a live URL against 100 on-page checks — with the code to fix each issue.
Analyze any URL free