// free tool · runs in your browser
Social Media Preview & OG Tag Checker
See exactly how your page looks when someone shares it on Twitter/X, LinkedIn and in Google search. Missing or broken tags cost you clicks every single day.
OG & Meta Tag Score
// how your page appears when shared
domain.com
Page title will appear here
Description will appear here when your page has og:description set.
Page title will appear here
The meta description will show here. Aim for 120–155 characters to avoid truncation in search results.
// full tag checklist
// missing tags hurt you
Every share without og:image or og:description is a wasted impression. Platforms show a blank card and people scroll past.
// we can fix this
KadoshDev sets up correct OG tags, structured data and social previews as part of every site build — no afterthought.
Talk to us about your site →// re-check after fixing
After updating your tags, paste your URL again here to confirm they render correctly before you share.
Why Open Graph tags matter for your business
More clicks from every share
Posts with a large image card get significantly more clicks than plain text links. A missing og:image means every share of your page looks broken — on every platform, forever.
Google reads your description
The meta description tag is what appears under your blue link in Google search results. Without it, Google picks random text from your page — often something completely unhelpful.
One fix, permanent results
OG tags are set once in your page <head>. Fix them today and every future share, search impression and link preview benefits automatically — no ongoing work required.
The Open Graph Tags Every Page Should Have
Open Graph is a protocol created by Facebook and now used by every major platform — Twitter/X, LinkedIn, WhatsApp, Slack and Google. These tags tell platforms what title, image and description to show when someone shares your URL.
Frequently Asked Questions About Open Graph Tags
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags placed in the <head> of your webpage. They were created by Facebook in 2010 and are now the universal standard used by every major platform — Twitter/X, LinkedIn, WhatsApp, Slack, Discord and Google — to determine what title, image and description to display when someone shares or links to your page.
What happens if I don't have OG tags?
Without OG tags, platforms try to guess what to show. The result is usually a blank card with no image, a random sentence from your page as the description, and the raw URL as the title. This looks unprofessional and dramatically reduces the chance that someone will click through. Missing og:image is particularly damaging — posts without images are largely invisible in most social media feeds.
What is the ideal og:image size?
The recommended size is 1200 × 630 pixels (a 1.91:1 ratio). This displays correctly on Twitter, LinkedIn, Facebook and in most messaging apps. Keep the file under 1 MB and use JPG or PNG format. Avoid putting critical text near the edges as some platforms crop images slightly. For Twitter specifically, images below 300 × 157 px will not show as a large card.
Why is my og:image not showing after I updated it?
Platforms aggressively cache OG data. Twitter/X caches previews for 7 days, Facebook for up to 30 days, and LinkedIn can cache for even longer. To force a refresh: use Twitter's Card Validator, Facebook's Sharing Debugger, and LinkedIn's Post Inspector to manually scrape the updated tags. After that, new shares of your URL will show the correct image.
Do I need different tags for Twitter and LinkedIn?
LinkedIn, Facebook, WhatsApp and most platforms use the og: tags. Twitter/X has its own twitter: prefix tags, but falls back to the og: equivalents if the Twitter-specific tags are missing. Best practice is to set both — og:title + twitter:title, og:image + twitter:image — to guarantee correct display everywhere.
How do I add OG tags to my website?
Add them inside the <head> tag of your HTML. For example:
<meta property="og:title" content="Your Page Title" />
<meta property="og:image" content="https://yoursite.com/og-image.jpg" />
<meta property="og:description" content="A short description." />
If you're using WordPress, the Yoast SEO or RankMath plugins set these automatically. In React or Next.js, use the next/head component or a library like react-helmet. Shopify themes typically include OG tags by default but may need customisation per product.
How often should I check my OG tags?
Check whenever you redesign a page, change a hero image, update your title or publish a new important landing page. It's also worth checking after a CMS migration or theme change — these often silently break meta tags across the entire site. A quick check before any major marketing campaign can save you from sharing broken cards to your entire audience.
Missing tags? We'll fix the whole site.
OG tags are just one piece. KadoshDev builds sites where every page — service pages, blog posts, landing pages — ships with correct meta tags, structured data and social previews from day one.
Talk to us about your site →