Open Graph & Twitter Card Preview
Paste your og:title, og:description, and og:image URL to see exactly how your link will look when shared on Facebook, X (Twitter), and LinkedIn — before you publish.
Recommended: 1200×630px (roughly 1.91:1 ratio) for best display across platforms.
What are Open Graph and Twitter Card tags?
Open Graph tags are meta tags in your page's <head> that control how your page
looks when shared as a link on Facebook, LinkedIn, Slack, and most other platforms. Twitter (X) uses
its own similar tag set, falling back to Open Graph tags when Twitter-specific ones aren't present.
Without them, platforms guess at a title, description, and image — often with unpredictable results.
The core tags you need
og:title— the headline shown on the cardog:description— a short summary shown below the title (support varies by platform)og:image— the preview image, ideally 1200×630pxog:url— the canonical URL for the page being sharedog:site_name— your site or brand nametwitter:card— set tosummary_large_imagefor a full-width image card on X
Frequently Asked Questions (FAQ)
- Q. Why does my image look cropped or stretched when shared?
- A. Most platforms crop images to a roughly 1.91:1 ratio. Using a 1200×630px image avoids awkward cropping since it already matches that ratio.
- Q. I updated my og:image but the old one still shows when I share the link.
- A. Platforms cache Open Graph data. Facebook has a Sharing Debugger and X has a Card Validator that let you force a re-scrape of the page.
- Q. Do Open Graph tags affect my Google ranking?
- A. Not directly — they're a social-sharing signal, not a Google ranking factor. They do, however, affect click-through rates when your content is shared on social platforms.
Interested in other tools?
SEO Title & Meta Checker
Check title and meta description length, pixel width, and truncation before you publish.
/seo-title-meta-checkerReadability Score Calculator
Score any text for Flesch reading ease and grade level, then see exactly what to simplify.
/readability-score-calculatorKeyword Density Checker
Count how often each keyword appears and catch over-optimisation at a glance.
/keyword-density-checkerSlug & URL Generator
Turn any title into a clean, lowercase, hyphenated URL slug in one click.
/slug-url-generatorOpen Graph & Twitter Card Preview
See exactly how your link looks when shared on Facebook, X, and LinkedIn.
/open-graph-twitter-card-previewWord & Character Counter
Count words and characters against SEO limits for titles, metas, and full posts.
/word-character-counter-with-seo-thresholdsSchema Markup (JSON-LD) Generator
Build valid JSON-LD for articles, FAQs, products and more — copy-and-paste ready.
/schema-markup-json-ld-generatorllms.txt Generator
Build a clean llms.txt file so AI models and agents can understand your site and find your key pages.
/llms-txt-generatorRobots.txt & Sitemap.xml Generator
Generate crawl-ready robots.txt and sitemap.xml files for your site in seconds.
/robots-txt-sitemap-xml-generator