Meta tag checker and Open Graph preview
Titles, descriptions and preview images that make people want to visit your page.
PrivateNo uploadsRuns in your browserCheck a URL, or fill in a title, description and image below, to see how the link card looks here.
Meta-tag inspector
The report appears here: failures first, then warnings, then what already passes.
Edit tagsShowHide
The headline people see on the link.
One or two lines under the headline.
Full https link to a 1200 x 630 picture.
A few words that describe the picture.
The full address of this page.
The main address, if the page has copies. Usually the same.
Your shop or brand name.
Your X account, if you have one.
The writer's X account.
Language and country.
Browser bar colour on phones.
Blank lets search engines list the page.
Optional. Search engines mostly skip it.
For every shared link
Make your link look good when friends share it
The travel blog. A friend shares the trip post. The right photo shows up in the chat.
BeforeShare a link and hope the preview looks right
With sdevSee the preview first, fix it in a minute
Shared in the group
A clear title and picture. Everyone taps it.
Launch day
The new shop page looks neat on every app it lands in.
How to check and write meta tags
Paste a URL or start typing
Enter a page address and press Check to read its title, description, Open Graph and Twitter tags. Or leave it and fill in the fields yourself to design new tags.
Preview and fix
Switch between Google, Facebook, X, LinkedIn, WhatsApp, Discord and Slack to see the card each one draws. The inspector lists failures first, then warnings, then what already passes.
Copy the snippet
The code tab holds a head snippet that updates as you edit. Copy it into your page's head; Ctrl+C with nothing selected copies it too.
Good to know
- og:image should be 1200×630 px (1.91:1) and under 1 MB. Facebook, LinkedIn and WhatsApp crop to that shape; X crops summary_large_image to 2:1.
- Keep the title under 60 characters and put the brand at the end. Google rewrites titles it finds too long or repetitive.
- Keep the description near 125 characters. Search results show up to 160, but social cards cut earlier, especially on phones.
- og:url and the canonical link should be the same absolute https URL, or shares and search signals split across variants.
- WhatsApp only reads the first 300 KB of the HTML, so put the meta tags near the top of the head, before large inline scripts.
- After changing tags on a live page, apps may show the old card for a while. Most refresh within a day.
- Add ?url= to this page's address to check a link straight away, for example /tools/meta-tags?url=www.sdev.in.
Where people use it
Before you share a new page
See how the link will look on WhatsApp, Facebook, LinkedIn and X before you post it.
Fix a link with no picture
Find the missing og:image or a wrong size and get a clear fix.
Write tags for a new site
Fill a simple form and copy the ready tags into your page head.
Make a share picture
Need a good image for og:image? Make one at the right size.
OG image generator
Why this one
You see the check and the fix in one place, and can edit the tags and watch every preview change at once.
- Previews for Google, Facebook, X, LinkedIn and WhatsApp side by side.
- Clear pass and fix notes for each tag.
- Check a live page or write your own tags.
- No sign-up, works on phones.
What you can change
- Title and description
- Share image and alt text
- Site name and locale
- Twitter card type
- Canonical and robots
People find this page by searching
- meta tag checker
- open graph preview
- og tags checker
- link preview checker
- meta tag generator
- whatsapp link preview not showing
- check page title and description
- twitter card preview
- seo meta tags
Cite this tool
- APA
sdev.in. (n.d.). Meta tag checker and Open Graph preview [Web tool]. https://www.sdev.in/tools/meta-tags
- MLA
"Meta tag checker and Open Graph preview." sdev.in, https://www.sdev.in/tools/meta-tags.
- Chicago
sdev.in. "Meta tag checker and Open Graph preview." https://www.sdev.in/tools/meta-tags.
- BibTeX
@misc{sdev-meta-tags, title = {Meta tag checker and Open Graph preview}, author = {{sdev.in}}, howpublished = {\url{https://www.sdev.in/tools/meta-tags}}, note = {Web tool} }
Questions people ask
Why does my link show no image on WhatsApp or Facebook?
Usually because og:image is missing, relative, or served over http. It must be an absolute https URL to a public image, ideally 1200×630 px and under 5 MB. Apps also keep the first version they saw, so a fix can take a while to show.
Which title and description lengths are safe?
Google shows about 60 characters of a title and 155 to 160 of a description on desktop, a little less on phones. Social cards show about 125 characters of the description and cut titles near 70 to 90. The inspector flags anything outside those ranges.
Do I need both Open Graph and Twitter tags?
X reads og:title, og:description and og:image when its own tags are missing, but only shows the large image card if twitter:card is set to summary_large_image. Everything else (Facebook, WhatsApp, LinkedIn, Slack, Telegram, Discord) reads Open Graph, so add og tags first and the one twitter:card line.
Why do the fetched tags differ from what I see in my browser?
This tool reads the raw HTML the server sends, the same as crawlers do. If your page adds meta tags with JavaScript after loading, crawlers and this tool do not see them. Render the tags on the server or in the static HTML.
Is the page fetched through a server?
Your browser tries to fetch the URL directly first. Most sites block that, so it then goes through a public relay, which sees the URL you typed but nothing else. The tags you write here never leave your browser.