Write meta tags, see them before they ship
Generate title, description, Open Graph and Twitter tags with a live preview of your Google result and social card. Nothing leaves your browser.
Meta tags are easy to get wrong in ways you only notice after they are live: a title that Google truncates mid-word, a description nobody wrote so the engine picks a random sentence, a social share with no image and no card. The tags live in the one place nobody looks, the page source, so the mistake ships and sits there costing clicks until someone happens to check.
What meta tags actually control
The title tag and meta description are the headline and blurb of your Google result, the single thing that decides whether a searcher clicks you or the competitor below you. Open Graph and Twitter tags control what appears when your page is shared on WhatsApp, LinkedIn, Facebook or X: the image, the title, the card. Get them right and a shared link looks deliberate and trustworthy. Leave them out and it looks broken.
Why the preview is the point
You can write meta tags blind and hope, or you can see them. This tool renders your Google result and your social card exactly as they will appear, with the character limits that actually get you truncated: about 60 for the title, about 155 for the description. Seeing the truncation before you publish is the difference between a title that reads as a complete thought and one that ends in an ellipsis at the worst possible word.
The tags that get forgotten
Almost everyone sets a title. Far fewer set the canonical URL that stops duplicate-content problems, the og:image that makes a share look designed, or the twitter:card type that decides whether X shows a big image or a thin line. This generator writes all of them from one form, so the tags that quietly matter are not the ones you forget.
How to use it
- 1
Write your title
Aim for under 60 characters so Google shows it whole. Put the most important words first, because the end is what gets cut.
- 2
Write a description
Around 155 characters. This is ad copy, not a summary: say why someone should click, in a full sentence. If you leave it blank, the engine writes its own and it is rarely what you would have chosen.
- 3
Add the URL and a social image
The canonical URL prevents duplicate-content issues. The image is what turns a bare link into a card when someone shares it, so use a 1200 by 630 image.
- 4
Copy the tags into your <head>
Paste the generated block into the head of your page, or into your CMS's SEO fields. That is it. Re-share the link to see the new card.
Common mistakes
A title longer than 60 characters
Google truncates it, usually mid-phrase. The character counter warns you before it happens. Front-load the words that matter so nothing important is what gets cut.
No meta description
The engine picks a sentence from your page, often a menu label or a stray line. Writing your own is the cheapest click-through-rate win available on any page.
Missing og:image
A shared link with no image is a thin grey line nobody clicks. A 1200 by 630 image turns it into a card that looks intentional.
The same title on every page
Duplicate titles tell search engines your pages are interchangeable. Every page needs a title that describes that page, not the site.
Questions
- How long should a title tag be?
- Under about 60 characters. Google measures pixels, not characters, but 60 is a safe line for most titles. The counter in the tool flags when you go over so you can see the truncation in the preview.
- How long should a meta description be?
- Around 155 characters. Longer and Google trims it with an ellipsis. Treat it as ad copy: one persuasive sentence beats a keyword list.
- Do meta keywords still matter?
- No. Google has ignored the meta keywords tag for well over a decade, which is why this tool does not generate it. Spend the effort on the title and description instead.
- What image size should I use for social sharing?
- 1200 by 630 pixels for the large summary card, which is what LinkedIn, Facebook and X show. Smaller images get cropped or fall back to the thin card with no image.
- Will these tags help my Google ranking?
- The title is a ranking factor; the description is not, though it drives clicks, which matters. These tags are table stakes: they will not outrank a stronger site on their own, but missing them leaves easy wins on the table. For the ranking work itself, that is what our SEO service does.
Related tools
Need this done properly, at scale?
The tool handles the one-off. When it's a system you're building, that's the paid version of the job, and we do that too.
SEO Services