Free tool
Meta Tag Preview
Use this free meta tag preview to see how a page will look as a Google result and as a share card on Facebook, X and LinkedIn, before anybody else does. Type a title and a description, point it at your social image, and all four appear at once. Already have tags? Paste the head of your page and it reads them back into the fields.
The length meters measure a real pixel width, not a character count, because that is what Google actually cuts on. Fifty wide letters are far past the limit while eighty narrow ones are comfortably inside it, so a character counter tells you to shorten the wrong title. Nothing is uploaded and nothing is fetched. Need the image itself? Make it the right size with the image resizer.
https://www.example.com › services
Title
Description
Title
Description
Title
Description
Title
Each card is laid out at the real width the platform uses, so the wrapping and the cut-off are your browser measuring the actual text rather than a character count guessing at it. Platforms redesign, so treat this as a close guide.
How to preview your meta tags
Five steps, no account and nothing to install.
- Put in the page URL. It is only used to draw the domain and the breadcrumb in the previews. Nothing is fetched from it, and nothing about it leaves your browser.
- Write the title and description. The meters beside each one show the real width in pixels against what the platform gives you, and turn as you go past it. A width is the thing that gets cut, so that is the thing to watch.
- Point it at your social image. 1200 by 630 is the size Facebook recommends and meets the minimum LinkedIn asks for. Your browser loads it straight from wherever you put it, so what you see is what a visitor will get.
- Check all four. Google shows the result with the breadcrumb, and there is a desktop and a mobile view because they cut at different points. Facebook, X and LinkedIn each lay the card out their own way, and a title that survives one can be cut by another.
- Copy the tags. You get the title, the description, the canonical link, the Open Graph set and the Twitter Card set, ready to paste into the head of your page or into whatever your SEO plugin calls its fields.
More free tools
Built for our own work, free for yours. No sign-up on any of them.
Font Clamp
QR Code Generator
Email Signature Generator
Color Contrast Checker
Schema Markup Generator
Image Converter
Case Converter
Favicon Generator
UTM Builder
Image Resizer
PDF Compressor
Merge PDF
Split PDF
What people check their meta tags for
Usually to find out what a page looks like from the outside, before somebody else finds out first.
Writing the title before the page exists
The title is usually decided in a document and discovered to be too long after it is live. Checking it takes a few seconds here and saves a round trip with whoever has to change it.
Finding out whether a title will be cut
A character count cannot answer this. A title in wide capitals runs out of room far sooner than one in narrow lowercase, and only measuring the actual width tells you which one you have.
Checking a launch before it is shared
The first thing that happens to a new page is somebody pastes it into a group chat. Seeing that card before the launch is cheaper than seeing it afterwards.
Handing tags to a developer
Copy the block and the whole thing is unambiguous: the title, the description, the canonical, the Open Graph set and the Twitter Card set, written the way they need to appear.
Auditing a page you did not build
Take a view-source of the head, paste it in, and you can see what the page is telling Google and every social platform without installing anything or trusting a third party with the URL.
Getting the social image right once
Every platform crops to roughly the same shape, so one image at 1200 by 630 covers all of them. The previews show whether your text survives the crop.
Frequently asked questions
Why it does not fetch your URL, why length is really a width, and what to do when a share preview will not update.
Why can I not just paste my URL and have it read the tags?
Because a browser cannot read another site’s HTML without that site’s permission, and the only way around it is a server that fetches the page on your behalf. That would mean every URL you tested was sent to us and logged somewhere, which is the opposite of what the rest of these tools do. Pasting the head of your page gets you the same result with nothing leaving the tab, and view-source on your own page is all it takes to get it.
How long should a title be?
It is not a length, it is a width, and that is the single most useful thing to know here. Google gives you roughly 600 pixels on desktop. Fifty capital W characters are about 944 pixels and eighty lowercase i characters are about 355, so the same character count can be nearly three times different in width. Any tool that counts characters will tell you to shorten a title that fits and pass one that will be cut. The meters here measure the real thing, in the font the result is rendered in.
Google is not showing my meta description. Have I done something wrong?
Probably not. Google rewrites the description much of the time, usually pulling a sentence from the page that matches what the person searched for, because a fixed description cannot suit every query. It is still worth writing: it is what you get when Google does use yours, and it is what every social platform and messaging app shows, where nothing rewrites anything.
Do meta tags affect my rankings?
The title does get used and is worth taking seriously. The meta description is not a ranking factor and has not been for a long time, which surprises people. What it affects is whether somebody clicks, and a result that is ranked third and gets clicked beats one that is ranked second and does not. Write it for the person reading the results page, not for the algorithm.
What size should the social image be?
1200 by 630 pixels. Every major platform crops to roughly that shape, so one image covers Facebook, X and LinkedIn without separate versions. Keep any text well inside the middle, because the crop is not identical everywhere, and use an absolute https:// URL: a relative path is commonly ignored and you get no card at all.
Do I need both the og: and the twitter: tags?
The Open Graph tags are the ones Facebook, LinkedIn and WhatsApp read. X has its own twitter: tags, including twitter:card, which chooses between the large image card and the small one. This generates both sets, and switches twitter:card between summary_large_image and summary depending on whether you have set an image.
I fixed my tags but the share preview still shows the old one.
Every platform caches what it found the first time somebody shared the link, and will keep showing it until told otherwise. Facebook’s Sharing Debugger and LinkedIn’s Post Inspector both re-fetch a URL on demand and are the quickest fix. Elsewhere, sharing the link with a query string on the end can help, because previews are cached by address.
Is anything I type sent anywhere?
No. Everything happens in your own tab, which matters more here than on most tools: an unpublished page title and a landing page that is not live yet are both things you would rather not hand to somebody else’s server. The only thing your browser loads is the social image, straight from the address you give it. The page does send three counters, which are how many previews were drawn, how many tag blocks were copied or downloaded, and one per visit. Those are numbers only.
Want something like this on your own site?
Free tools are a small part of what we do. The rest is websites and digital products for businesses serious about growth, whether you are launching, scaling or transforming.