Open Graph Preview
Preview how your URL appears when shared on Facebook, LinkedIn, and Twitter. Generate Open Graph and Twitter Card meta tags. Free online OG preview tool.
Social Media Preview
example.com
Page Title
Page description will appear here
Preview simulates Facebook / LinkedIn link card appearance
<meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
What is Open Graph Preview?
Open Graph (OG) is a protocol created by Facebook that allows web pages to control how they appear when shared on social media. OG meta tags define the title, description, image, and URL shown in the social media link card. Twitter uses a similar system called Twitter Cards. Without these tags, social platforms guess what to show, often picking the wrong image or title.
How to Use
- Enter the page URL, title, and description
- Add an image URL (recommended size: 1200x630 pixels for Facebook/LinkedIn)
- Optionally add a site name for branding
- Preview the social media card as it would appear on Facebook and LinkedIn
- Copy the generated OG and Twitter Card meta tags into your HTML <head>
Examples
Blog post sharing
Product page
Related Tools
Meta Tag Generator
Generate HTML meta tags for your website including title, description, viewport, charset, robots, and author. Free online meta tag generator with instant preview.
Robots.txt Generator
Generate robots.txt files for your website with allow/disallow rules for different user-agents. Free online robots.txt generator with sitemap support.
URL Parser
Parse any URL into protocol, hostname, port, path, query parameters, and hash. Free online URL parser with structured table output.
URL Encoder/Decoder
Encode or decode URL components instantly. Free online URL encoder and decoder for special characters.
Frequently Asked Questions
What image size should I use for OG images?
1200x630 pixels is the recommended size for Facebook and LinkedIn. Twitter summary_large_image cards also use this ratio. The minimum is 600x315. Images smaller than 600 pixels may appear as small thumbnails instead of large cards.
Why is my social preview not updating?
Social platforms cache OG data aggressively. Facebook and LinkedIn have debugging tools (Facebook Sharing Debugger, LinkedIn Post Inspector) to force a refresh. Twitter has a Card Validator. After updating your meta tags, use these tools to clear the cache.
Do I need both OG tags and Twitter Card tags?
Twitter falls back to OG tags when Twitter Card tags are not present. However, for the best control, include both. The tool generates both sets of tags automatically.