Write meta and Open Graph tags that earn clicks with this meta tag generator
Every web page tells search engines and social networks who it is through a small block of tags hidden in its <head>. Get those tags right and your page wins a clearer title in Google, a tidy description, and a polished link card when someone shares it on Facebook, LinkedIn, WhatsApp or X. Get them wrong — or skip them — and the platforms guess, often pulling a random sentence or no image at all. This meta tag generator takes the guesswork out: you fill in a handful of fields, see exactly how Google, Facebook and X will render your page, and copy a clean block of SEO meta, Open Graph and Twitter Card code ready to paste.
It is built for anyone who ships pages — solo site owners, bloggers, freelance developers, small e-commerce stores and marketers — who would rather not memorise the exact property names and ordering that each platform expects. Instead of hunting through documentation for whether it is og:image or twitter:image, you type your title, description, URL and image once and the tool writes both. The three live previews update as you type, so you catch a description that gets cut off or a missing share image before it ever reaches a real timeline.
How to use it
- Type your page title and site name — the title is what shows in the Google result and the tab.
- Write a short description that sums up the page and gives people a reason to click.
- Add the full page URL and a 1200×630 image URL for the share card.
- Choose the content type (website, article, product or profile) and the Twitter card style, and add your @handle if you have one.
- Check the Google, Facebook/LinkedIn and X previews on the left, then click Copy code and paste the block inside your page's
<head>.
What each tag actually does
The output is grouped so it is easy to read. The <title> and <meta name="description"> are the classic SEO pair Google leans on for the blue link and grey snippet. The <link rel="canonical"> tag tells search engines which URL is the "real" one when the same content sits behind several addresses, which helps avoid duplicate-content confusion. The og: block is the Open Graph protocol — originally a Facebook standard, now read by LinkedIn, WhatsApp, Slack, Discord, Pinterest and most chat apps — and it controls the title, description and image of the link card. The twitter: block does the same job specifically for X, with a card type that decides whether the image fills the card or sits as a small thumbnail. Because X falls back to Open Graph when a Twitter tag is missing, the two sets work together rather than competing.
Title and description lengths that survive the cut
Search engines truncate long text, so aim for a title around 50–60 characters and a description around 150–160 characters. Front-load the words that matter: a reader scanning results sees the start of the line first, and a description that trails off mid-sentence reads as careless. The same copy doubles as your social text, so write it for a human, not a keyword counter. The Google preview here mirrors real result styling, so if your title looks too long on screen it will likely look too long in search too — trim it until it sits comfortably.
Getting the share image right
A 1200×630 pixel image (a 1.91:1 ratio) is the safe size for a large Facebook, LinkedIn and X card; it scales down cleanly on phones and avoids awkward cropping. Always point og:image at an absolute https:// URL — relative paths like /share.png will not load when another server tries to fetch the preview. Keep important text away from the very edges, since each platform crops slightly differently. If your image looks fine in the preview but a real share still shows the old one, the platform has cached the previous version; Facebook's Sharing Debugger and X's card validator both let you force a fresh scrape after you update the page.
Common mistakes and a note on privacy
The usual slip-ups are easy to avoid: a missing image tag (so the link shares as a bare grey box), a description left identical across every page, a canonical URL pointing at the wrong address, or special characters like quotes and ampersands breaking the markup — this generator escapes those for you automatically. Another is forgetting that changes only appear after the page is re-crawled or re-shared, not instantly. On privacy: everything here happens in your browser. Nothing you type is sent to a server, saved or uploaded, so you can safely draft tags for an unreleased page or private project and simply copy the result when you are done.