Meta tags that show up right, everywhere.
Fill in your page details and see exactly how it'll look on Google and on social media, before you publish.
Page Details
Live Preview
Generated Code
About this tool
Meta tags don't change how your page looks to visitors, but they control how it's presented everywhere else — Google search results, Facebook shares, Twitter/X cards, and Slack link previews. Getting them wrong (or leaving them blank) usually means a blank thumbnail, a truncated title, or a page that looks unfinished when shared.
This tool lets you fill in the details once and immediately see how the page will actually render in a Google result and in a social share card, before you ever touch your site's code.
How to use it
- Enter your page title and description — the character counters will warn you if you go past Google's typical display limits.
- Add your page URL, site name, and (optionally) a Twitter handle.
- Paste a URL to your social preview image (ideally 1200×630px).
- Copy the generated code block and paste it into the section of your page.
Why use this one
See both the Google search snippet and the Facebook/LinkedIn card update as you type.
Title and description counters flag when you're likely to get truncated in search results.
Generates both tag sets together, so you don't have to duplicate the work per platform.
Syntax-highlighted, complete
code — no assembly required.Frequently asked questions
What's the ideal length for a meta title and description?
Keep your title under 60 characters and your meta description under 160 characters — beyond that, Google usually truncates them in search results. The counters above will warn you if you go over.
Why do I need Open Graph tags?
Open Graph tags control how your page looks when shared on Facebook, LinkedIn, and other platforms. Without them, shared links often show a blank or broken preview instead of your title, description, and image.
Do meta tags directly improve my Google ranking?
Meta descriptions don't directly affect ranking, but a well-written one improves your click-through rate from search results — which indirectly helps your SEO performance over time.
What happens if I skip Open Graph tags entirely?
Most platforms will try to guess a title and image from your page content, which often produces a blank thumbnail or an unrelated image. Setting them explicitly guarantees consistent, controlled previews.
Does the same description work for both Google and social media?
It can, but they serve different purposes — a Google description should focus on search intent and keywords, while a social description can be more conversational since it's competing for attention in a feed. Many sites use the same text for both to keep things simple, which is perfectly fine.