Open Graph & Twitter Card Generator
See how your link will look when shared on Facebook, LinkedIn, WhatsApp and X, and copy the tags.
- Free
- No sign-up
- Runs in your browser
Page & image
Good length for social cards.
Good — short and readable.
Add an image URL — shared links with a large image stand out far more. Recommended: 1200 × 630 px.
Site & card options
X card style
Live preview
Facebook · LinkedIn · WhatsApp
example.com
10 Easy Indoor Plants That Survive Low Light
No sunny window? These ten hardy houseplants grow happily in shade, need little water and are safe to buy from any garden centre.
X (Twitter)
From example.com
Previews are approximate — each platform changes its layout from time to time and caches shared links, so re-scrape a URL after changing its tags.
Your Open Graph & X tags
<!-- Open Graph (Facebook, LinkedIn, WhatsApp, Pinterest…) -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.example.com/blog/low-light-plants/">
<meta property="og:title" content="10 Easy Indoor Plants That Survive Low Light">
<meta property="og:description" content="No sunny window? These ten hardy houseplants grow happily in shade, need little water and are safe to buy from any garden centre.">
<meta property="og:site_name" content="Green Corner">
<meta property="og:locale" content="en_US">
<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image">Paste inside the <head> of the page. Image width and height are added automatically once the image loads.
How Open Graph and X cards work
When someone shares a link on Facebook, LinkedIn, WhatsApp, Slack or X, the platform fetches the page and reads the og: meta tags in its <head> to build a preview card: a headline, a short description and an image. Without these tags, the platform guesses — often picking the wrong image or none at all. X reads its own twitter: tags first and falls back to Open Graph for the title, description and image, so you only need twitter:card plus your handles.
The image does the heavy lifting. Use 1200 × 630 px (a 1.91:1 ratio), keep important text away from the edges because X crops large cards closer to 2:1, and keep the file well under 5 MB. For example, a 1200 × 630 image has a ratio of 1200 ÷ 630 = 1.90, which fits the large card almost exactly; a 1080 × 1080 square (ratio 1.00) will be cropped top and bottom.
Why isn’t my new image showing when I share the link?
Platforms cache previews. After changing your tags, ask them to fetch the page again — Facebook’s Sharing Debugger and LinkedIn’s Post Inspector both have a re-scrape button. Also check the image URL is absolute, public (not behind a login) and returns the image directly rather than an HTML page.
Do Open Graph tags help SEO?
Not directly — Google ranks pages on their content, not their og: tags. But a clear, attractive card gets more clicks and shares, and that extra traffic and attention is what helps a page get noticed and linked to.
Frequently asked questions
- What size should an og:image be?
- 1200 × 630 px is the safe standard for Facebook, LinkedIn and X large cards. Smaller than 600 × 315 px may be shown as a small thumbnail instead.
- Should og:url be the same as the canonical URL?
- Yes. Use the same clean, absolute URL in both so likes and shares are counted against one address.
- Do I need separate twitter:title and twitter:image tags?
- No. X uses og:title, og:description and og:image when its own tags are missing. Add twitter: versions only if you want different wording or a different image on X.
- Which og:type should a blog post use?
- “article” for posts and news stories; “website” for home pages, tools and category pages. If unsure, “website” is always valid.