Open Graph Preview — What Are OG Tags and Why Do They Matter?
Open Graph (OG) tags are HTML meta tags that control how your website appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and WhatsApp. Without proper OG tags, platforms display random content — or nothing at all — dramatically reducing click-through rates. Our free OG Preview tool shows you exactly what users see when they share your URL, before you publish.
What the OG Preview Tool Extracts
og:titleTitle displayed on social media (ideal: 55–70 characters)og:descriptionDescription text (ideal: 150–200 characters)og:imagePreview image — must be absolute URL, ideal 1200×630pxog:urlCanonical URL for the shared pageog:typeContent type (website, article, video...)og:site_nameWebsite/brand name shown on social cardstwitter:cardTwitter card type (summary, summary_large_image)twitter:imageSeparate image override for Twitter/XHow Each Platform Renders OG Tags Differently
Google uses og:title and og:description as fallbacks when your HTML title/description is missing or too short. It also shows og:image as a thumbnail in search results. Google reads og:url for canonical signals.
Facebook & LinkedIn
These platforms display a large image card with og:title, og:description and og:site_name below. The image is prominently displayed — without og:image, your shared link has no visual appeal and dramatically lower CTR. Recommended image size: 1200×630px.
Twitter / X
Twitter uses its own twitter:card meta tag. With "summary_large_image", a full-width image is displayed. With "summary", only a small thumbnail appears. If twitter: tags are missing, Twitter falls back to og: tags.
WhatsApp shows a compact link preview with a small thumbnail, title and URL. It uses og:image (scaled), og:title and the domain. Images must be publicly accessible — no authentication or region-blocked CDNs.
Open Graph Best Practices for DACH
For Austrian and German websites, proper OG implementation is particularly important because German-language social sharing often involves different platform mixes than English markets — XING and LinkedIn are especially dominant in B2B contexts, while WhatsApp business sharing (via status, groups) is more prevalent than in English-speaking markets.
- Set og:title to 55–70 characters — the most valuable real estate for CTR optimization
- Always include og:image with absolute URL (https://...) at 1200×630px
- Add og:description as 150–200 character elevator pitch for your page content
- Set og:type = "article" for blog posts — platforms use this to determine card layout
- Add twitter:card = "summary_large_image" to maximize Twitter visibility
- Test after every major content update — OG data can be cached by platforms for 24–72h
Fix Your OG Tags — Free Tools
Meta Tag Generator
Generate optimized og:title, og:description and Twitter Cards in seconds — no manual coding.
SEO Checker
Full on-page SEO analysis — including OG tags, schema markup, and 20+ other factors.
GEO Checker
Check AI search visibility in ChatGPT, Perplexity and Google SGE — OG tags are a GEO factor.
Schema Generator
Combine OG tags with JSON-LD structured data for maximum search and AI visibility.
Frequently Asked Questions
What is an Open Graph Preview tool?
An Open Graph Preview tool fetches a URL and extracts its og: meta tags, then renders how the page would appear when shared on different social media platforms. It helps you verify your OG implementation before publishing and see exactly what users see when they share your links.
Why does my Facebook preview look different from your tool?
Facebook caches OG data for 24–72 hours. If you recently updated your OG tags, the old preview may still be cached. Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to force a cache refresh. Our tool always fetches the live HTML, so it shows current data.
What image size is recommended for og:image?
The recommended size is 1200×630 pixels (1.91:1 ratio) — this works optimally for Facebook, LinkedIn, and Twitter. The maximum file size varies by platform but keeping it under 8MB is safe. For Twitter, note that summary_large_image cards require at least 600×314px.
Do I need both og: and twitter: tags?
Twitter will use og: tags as fallback if twitter: tags are missing — but having both gives you more control. Setting twitter:card = 'summary_large_image' is important regardless, as it won't be inferred from og:type.
Can I use relative URLs for og:image?
No — social media platforms require absolute URLs (starting with https://) for og:image. Relative paths like /images/og.jpg will not work. Always use the full URL including protocol and domain.
Check your social media preview now
3 free previews — no signup required.
Generate preview now