Meta tag generator
Fill in the fields, copy the tags into your page's head.
- Runs in your browser — your text is never sent anywhere
- No sign-up, no quotas, free to use as often as you like
How it works
There are three overlapping sets of tags doing nearly the same job: the classic SEO ones, Open Graph for Facebook, LinkedIn, WhatsApp and Slack, and Twitter Cards. Writing them by hand means repeating yourself three times and forgetting one.
Open Graph does most of the work
It is not just Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage and most other things that unfurl a link read Open Graph tags. Getting those right fixes the preview nearly everywhere at once. Twitter Cards are a small extra set for X, which falls back to Open Graph when they are missing.
Lengths are checked as you type
Roughly 60 characters for a title and 160 for a description before search results truncate. Those are guides rather than hard limits — search engines measure titles by pixel width, so a title full of capitals and Ms truncates earlier than one full of lowercase Ls. The warning tells you when you are in the risky zone.
The image is the part people forget
A link without og:image previews as a bare grey box, which measurably reduces clicks. The URL must be absolute, starting with https, because the sites fetching it have no idea what your page's base URL is. Around 1200 by 630 pixels suits the large-image card.
Canonical URL
Including a canonical link tells search engines which address is the real one when the same page is reachable several ways — with and without a trailing slash, with tracking parameters, on http and https. It is a one-line fix for a whole class of duplicate-content problems.
Everything is escaped
Quotes and angle brackets in your text are escaped properly, so a description containing an apostrophe or a quotation mark cannot break the tag it sits in.
Meta tag generator — questions
Do I need Twitter Card tags as well as Open Graph?
Not strictly — X falls back to Open Graph. The extra tags give you control over which card style is used.
How long should the title be?
Around 60 characters. Search engines truncate by pixel width, so treat it as a guide rather than a rule.
Why does my link preview have no image?
Either og:image is missing or its URL is relative. It must be absolute, starting with https.
Where do these tags go?
Inside the <head> of your page.
Why is my preview not updating?
Social platforms cache aggressively. Most provide a debugger that forces a re-fetch.