Meta Tag Generator
GenerateBuild the title, description, canonical, Open Graph, and Twitter card tags for a page, with live length counters and Google and social previews as you type.
Runs entirely in your browser. Nothing is uploaded.
Google result preview
example.com
Your page title appears here
Your meta description appears here. Google will fall back to text from the page if it is missing.
Social card preview
example.com
Your page title
Your description
Paste into your <head>
SEO, Open Graph & Twitter tags
The tags in your document head decide how a page looks in search results and how it unfurls when someone shares the link — and both are easy to get subtly wrong, usually by writing a title that gets truncated or forgetting the image dimensions. Fill in the fields here and get the complete set of tags, with live character counters against the limits Google actually uses and previews of both the search result and the social card.
How to generate meta tags
- 1
Write your title and description
The counters flag when you exceed the length that gets truncated in search results.
- 2
Add your URL and social image
Set the canonical URL and a 1200×630 image, plus site name and type for richer sharing.
- 3
Copy the tags
Take the generated block and paste it into your page's <head>.
Good to know
- Aim for 50–60 characters of title and 140–155 of description; beyond that Google truncates, and your best wording is the part that disappears.
- 1200×630 is the social image size that works on Facebook, LinkedIn, Slack, and X without cropping anything important.
- X falls back to Open Graph for most fields, so the Twitter-specific tags mainly select the card type — including both removes the guesswork.
- Social platforms cache the first version of your tags they fetch, so use each one's debugger or post inspector to force a refresh after a change.
What people use it for
- Setting up search and social tags for a new page or landing page
- Fixing a link that unfurls without an image or with the wrong title
- Checking a title and description fit before publishing
Frequently asked questions
How long should the title and description be?+
Aim for 50–60 characters of title and 140–155 of description. Beyond that Google truncates in results. The counters flag when you go over.
What size should the social image be?+
1200 × 630 pixels. That ratio works on Facebook, LinkedIn, Slack, and X without cropping anything important, and the generated tags declare those dimensions.
Do I need both Open Graph and Twitter tags?+
X falls back to Open Graph for most fields, so the Twitter-specific ones are largely about choosing the card type. Including both is cheap and removes the guesswork.
Why isn't my new preview showing when I share?+
Facebook, LinkedIn, and X cache the first version they fetch. Each runs a debugger or post inspector that forces a refresh once the tags are live.
Is my data sent to a server?+
No. Generating tags happens entirely in your browser using built-in web APIs. Nothing is uploaded, stored, or logged.
Related tools
Password Generator
Strong, random passwords
QR Code Generator
Make a QR code for anything
Favicon Generator
Turn any image into favicons
Random Number Generator
Secure random picks in any range
Or browse all 50 free tools.