Loading…
Auto-fetch Open Graph tags from any URL or enter them manually. Preview your link card on Twitter/X, LinkedIn, and Facebook before you share — catch missing images, truncated titles, and broken OG tags instantly.
📸 Try the free Open Graph Preview →An Open Graph preview tool renders a visual mockup of how your link will appear when shared on social platforms — Twitter/X, LinkedIn, Facebook, Slack, and others. Every social network reads a set of Open Graph (OG) meta tags from your page's HTML head to generate these link cards: og:title, og:description, og:image, og:url, and og:site_name.
When these tags are missing, incorrectly sized, or misconfigured, your shared links appear as plain text, broken image thumbnails, or take the wrong title from another part of the page. Since social sharing is a major traffic driver for many businesses, broken OG tags directly reduce the clicks and shares your content receives. An OG preview tool catches these errors before your links go live.
Try the free Open Graph Preview
No login required. Results in seconds.
Posts with compelling image preview cards consistently generate more clicks and shares than bare URL posts. A striking, correctly sized og:image that fills the link preview area communicates your content's value at a glance, while a broken image or no image makes the post look unprofessional and untrustworthy.
Twitter/X shows images at approximately 1200×628px (or 1:1 for some card types). LinkedIn uses 1200×627px with tighter cropping rules. Facebook shows 1200×630px but may crop to different aspect ratios depending on placement. Testing your og:image on each platform before sharing helps you identify crops that cut off important content.
Without an explicit og:title tag, social platforms fall back to your HTML title tag — which may include your brand name or other information that's appropriate for search but not ideal for social. Setting a dedicated og:title lets you optimize the social headline separately from the SEO title.
Open Graph tags aren't just for traditional social networks. When links are shared in Slack, iMessage, WhatsApp, Discord, and other messaging platforms, these apps also read OG tags to generate link previews. Fixing OG tags improves previews everywhere your content is shared.
Paste any public URL and click "Auto-fetch". The tool calls the URL, reads the HTML head, and automatically populates og:title, og:description, og:image, og:url, and og:site_name from the live page.
If your page is behind a login, in staging, or you want to test proposed values before publishing, you can manually enter all OG fields into the input boxes.
Toggle between Twitter/X, LinkedIn, and Facebook to see the platform-specific card rendering. Each platform styles the card slightly differently — check all three if you share on multiple channels.
Update your CMS, template, or HTML head to add or correct the OG tags shown in the preview. After publishing, re-run the tool to confirm the live tags match your intent. For Twitter/X, you may also need to submit your URL to Twitter's Card Validator to clear its cache.
No account needed · Instant results
The universal safe size is 1200×628px (approximately 1.91:1 aspect ratio). This renders well on Twitter/X, LinkedIn, and Facebook. Keep important content away from the outer 100px on all edges to avoid cropping. Images should be under 5MB (preferably under 1MB for fast loading) in JPG or PNG format.
Social platforms aggressively cache link previews. Twitter/X caches cards for up to 7 days. Facebook caches for around 30 minutes to 24 hours. LinkedIn caches for approximately 7 days. To force a preview refresh: Twitter/X — use the Card Validator at cards-dev.twitter.com/validator. Facebook — use the Sharing Debugger at developers.facebook.com/tools/debug. LinkedIn — use Post Inspector at linkedin.com/post-inspector.
Twitter/X reads its own twitter: tags if present, and falls back to og: tags if twitter: tags are absent. In practice, setting og: tags is usually sufficient. If you want a Twitter-specific title or larger card type (twitter:card: "summary_large_image" vs "summary"), set the twitter: tags explicitly. For maximum control on all platforms, set both og: and twitter: tags.
og:type describes the type of content: "website" for homepage/general pages, "article" for blog posts and news, "product" for e-commerce items. Setting og:type correctly helps platforms understand your content for feature eligibility — for example, Facebook's Instant Articles and Google's news features reference og:type. If you don't set it, platforms default to "website".
No account required. Works on any public URL. Results in seconds.
Open free Open Graph Preview →