Generate SEO and social meta tags
Fill in the page details once and get a complete, correctly ordered block of head tags — title, description, canonical, Open Graph for Facebook, LinkedIn, WhatsApp and Slack, and Twitter Card tags. Lengths and absolute URLs are checked as you generate, so problems surface before you deploy.
How to use the Meta Tags Generator
- Enter the page title, description and canonical URL.
- Add a share image and site name so links unfurl with a picture.
- Pick the robots directive and card type.
- Generate, read the checks, then paste the snippet into your head element.
Which of these tags actually matter
Only a handful of meta tags do anything in 2026. title and meta description shape how your page looks in a search result. link rel="canonical" tells search engines which URL is the real one when several show the same content. meta robots controls indexing. The Open Graph and Twitter tags control how links unfurl when someone pastes them. meta keywords does nothing — Google stopped using it in 2009 — and neither do the various "revisit-after" or "distribution" tags you still see copied around.
Titles and descriptions
Google measures titles in pixels, not characters, and truncates at roughly 600 pixels on desktop. That works out near 60 characters of mixed case, but a title in wide capitals runs out sooner and one in narrow lowercase runs longer. Put the distinguishing words first, because a truncated tail costs less than a truncated brand-first opening. Google also rewrites titles when it judges yours does not describe the page — usually when it is boilerplate, keyword-stuffed or identical across the site.
The description is not a ranking factor. It is advertising copy for the result, and it is rewritten even more often than the title, particularly for long-tail queries where Google lifts a more relevant sentence from the page. Write 120 to 155 characters that say what the visitor gets, and accept that it will sometimes be ignored.
Canonical URLs
A canonical must be an absolute URL, including the scheme and host. Relative paths are resolved but are a common source of mistakes on staging domains. A self-referencing canonical on every page is good practice. Treat it as a strong hint rather than a command: Google can and does pick a different canonical when your signals conflict — for example when the canonical points one way and the internal links, sitemap or hreflang cluster point another.
Open Graph and Twitter Cards
Open Graph is read by Facebook, LinkedIn, WhatsApp, Slack, Discord, iMessage and most link-preview tools. X reads twitter:* first and falls back to Open Graph, so the duplicated tags in this snippet are deliberate belt and braces.
- Use a 1200 × 630 image — the 1.91:1 aspect ratio every platform crops to. Under 200 × 200 and Facebook ignores it. Staying under 5 MB keeps every platform happy.
- The image URL must be absolute, publicly reachable and served over HTTPS without a redirect. Crawlers do not log in, follow JavaScript or read images behind hotlink protection.
- Declare
og:image:widthandog:image:heightso the preview reserves the right space before the image downloads. - Add
og:image:alt. It is read aloud by screen readers on several platforms and takes ten seconds to write.
Order and encoding
Put meta charset first: browsers only guarantee to read it within the first 1024 bytes, and getting it wrong is how mojibake appears in your titles. meta viewport comes next. Everything in a meta tag lives inside an HTML attribute, so quotes, angle brackets and ampersands in your copy must be escaped — this tool does that for you.
Frequently asked questions
Why is my link still showing the old preview?
Social platforms cache aggressively. Re-scrape the URL in Facebook’s Sharing Debugger or LinkedIn’s Post Inspector, or point og:image at a new filename. Changing the tags alone will not clear someone else’s cache.
Do I need both Open Graph and Twitter tags?
Strictly no — X falls back to Open Graph. But twitter:card is what chooses between the small and the large preview, so include at least that one.
Should every page have a different description?
Yes. Duplicate descriptions across a site are a strong signal that the pages are thin, and they guarantee Google will rewrite them.
What does noindex, follow do?
It keeps the page out of search results while still letting crawlers follow its links, which is right for filtered listing pages and internal search results.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.