What are Open Graph tags and why do they matter?

Open Graph tags are HTML metadata that tell social platforms what image, title, and description to show when someone shares your page. Without them every share shows a grey box or random content. Each share is unpaid distribution — broken OG tags waste it.

What is the correct OG image size?

1200 x 630 pixels at a 1.91:1 ratio. Facebook, LinkedIn, and X all use this ratio. Keep the file under 8MB. Never use images smaller than 200 x 200 pixels — platforms ignore them entirely.

How many characters should my OG title be?

Between 50 and 60 characters. Facebook truncates at around 60. LinkedIn at around 70. Write your most important words first so any truncation removes the least critical part.

Do I need separate X (Twitter Card) tags or do OG tags work on X too?

X reads OG tags as fallbacks if Twitter Card tags are absent. The one tag you cannot skip is twitter:card. Without it X renders a summary with no image. Set it to summary_large_image for maximum visual impact.

After updating OG tags why does the old preview still show on social platforms?

Social platforms cache OG data aggressively. Use Facebook's Sharing Debugger to force a refresh. LinkedIn has a Post Inspector. X refreshes automatically within 24 hours. WhatsApp may require sharing in a new conversation.

Can I use the same OG image on every page?

You can but it reduces the impact of social shares. A generic image on every page means readers cannot tell from the preview what the specific article is about. Unique og:image per page — especially for blog posts and landing pages — drives significantly higher click-through.

Groew / Free Tools / Open Graph Tag Previewer

See How Your Page Looks When Shared Online

Preview your OG tags across Facebook, LinkedIn, X, WhatsApp, Slack, and Discord. Score completeness across 10 checks and fix issues before your next share.

6Platform Previews

10Tag Checks

FreeNo login

Fetches OG tags from any public URL. No login required.

Fetching page...

Understanding your result

What Does Your OG Tag Score Mean?

The score checks 10 elements that determine how your page looks when shared. A low score means platforms will guess or truncate your content.

9 – 10

Excellent

All critical tags present, correct dimensions, ideal character counts. Your page will display correctly across every platform.

7 – 8

Good

Most tags in place. Minor issues such as a slightly long description or missing twitter:site. Fix 1 to 2 items for full marks.

4 – 6

Needs Work

Key tags missing or incorrectly set. Platforms will substitute their own content, which is often wrong or unflattering.

0 – 3

Poor

Critical tags absent. Every social share will look broken or generic. Fix og:title, og:description, and og:image immediately.

Alokk's perspective

Alokk Founder and Lead Growth Architect, Groew

After auditing over 200 B2B websites, I found that 74% had broken or missing OG tags on their most important pages. Every LinkedIn post from their team showed a generic grey box instead of a brand image. When we fixed OG tags for one SaaS client before their product launch, their LinkedIn post click-through rate increased by 3.1x in the first 30 days. The tag takes 10 minutes to add. The impact compounds every time someone shares your content.

OG Tag Questions Answered

Open Graph tags are HTML metadata that tell social platforms what image, title, and description to show when someone shares your page. Without them, platforms guess using your page content, which often produces a broken or irrelevant preview. Every share becomes a missed branding opportunity when OG tags are absent.

The recommended size is 1200 x 630 pixels at a 1.91:1 aspect ratio. Facebook, LinkedIn, and X all use this ratio for large card formats. Keep the file under 8MB. For WhatsApp and smaller previews, a 600 x 315 pixel fallback works well. Never use images smaller than 200 x 200 pixels or they will be ignored entirely.

Keep your og:title between 50 and 60 characters. Facebook truncates at around 60 characters. LinkedIn at around 70. If your title is under 40 characters it may look sparse. Write your most important words first so truncation removes the least critical part.

X reads OG tags as a fallback if Twitter Card tags are absent. However, to control the card format you must set twitter:card. If you want a different title or image on X, add twitter:title and twitter:image. If your OG tags are well-formed, you only need to add twitter:card to unlock full X card support.

Social platforms cache OG tag data, sometimes for days. To force a refresh on Facebook, use the Sharing Debugger at developers.facebook.com/tools/debug and click Scrape Again. LinkedIn has a Post Inspector. X refreshes automatically within 24 hours. WhatsApp may take longer and sometimes requires sharing the link in a new conversation.

You can, but it reduces the impact of social shares. A generic brand image on every page means readers cannot tell from the preview what the specific article or product is about. The highest-performing approach is a unique og:image per page, especially for blog posts, product pages, and landing pages.

Yes. Enter any public page URL and click Fetch Tags. The tool reads the OG and X (Twitter Card) tags directly from your page and populates the preview automatically. Pages behind a login or on localhost cannot be fetched — they must be publicly accessible.

The score checks 10 elements: og:title present, og:title character count, og:description present, og:description character count, og:image present, og:url present, og:type, og:site_name, twitter:card, and image URL is absolute. Each pass adds one point. A score of 9 or 10 means your tags are complete and correctly formatted.

From Groew's Search Authority Team

The Complete Guide to Open Graph Tags for B2B Websites

Open Graph tags control how every page looks when shared across social media, messaging apps, and collaboration tools. Most B2B websites treat them as optional. They are not.

Why OG Tags Are a Business Decision, Not a Technical Detail

Every time someone shares your page, they are doing unpaid distribution for your brand. The OG tag determines whether that distribution looks credible or broken. A page with no og:image and no og:description gets replaced by a grey box and the first sentence of your body copy. That is what your prospect sees before deciding whether to click.

In B2B specifically, sharing happens inside Slack, Microsoft Teams, LinkedIn messages, and email previews. Decision-makers forward links to colleagues. If the preview looks unfinished, the content inside is judged as unfinished too. Pages with complete OG tags see 2 to 4x more engagement on LinkedIn compared to pages with missing or incomplete tags, based on data from Groew client accounts over 12 months.

Read the complete guide

The Five Tags Every Page Must Have

og:title — The headline shown in every social preview. Write it for the person about to click, not for the algorithm. Keep it between 50 and 60 characters.

og:description — The supporting line that drives the click. Lead with the outcome. Keep it between 120 and 155 characters.

og:image — The visual that makes your content recognisable in a feed. Use 1200 x 630 pixels. Include your brand colours and a visual reference to the content topic.

og:url — The canonical URL. Prevents duplicate sharing when the same page is accessible via multiple URLs.

og:type — Use "website" for the homepage, "article" for blog posts, "product" for product pages.

X Card Tags: What You Actually Need

The one X-specific tag you cannot skip is twitter:card (the tag name has not changed even though the platform is now called X). Without it, X renders a summary card with no image. Set it to "summary_large_image" for maximum visual impact. Add twitter:site with your handle to enable attribution in the card and analytics in X's dashboard.

Platform-Specific Behaviour You Need to Know

Facebook and LinkedIn use the 1.91:1 image ratio and truncate titles at 60 to 70 characters. Both cache aggressively. Force a refresh using Facebook's Sharing Debugger or LinkedIn's Post Inspector.

Slack and Discord render rich embeds and update within minutes. Teams using Slack for internal sharing see a 60% higher internal click rate on pages with branded og:image versus no image.

OG Tags and Your Revenue Infrastructure

Every share of your content is a distribution event. A broken OG preview wastes it. A well-crafted OG image and title turns a casual share into a qualified lead. This is why we treat OG tags as part of the organic search infrastructure we build for clients, not as a cosmetic detail.

Your OG Tags Are Set. Now Build the System Behind Them.

OG tags are one piece of an organic growth system. See how Groew builds the full infrastructure that makes every page, every share, and every search compound.