Open Graph Preview
Generate and preview Open Graph and Twitter Card meta tags
About Open Graph Preview
Turns eight fields, including og:title, og:description, og:image, og:type and twitter:card, into Open Graph and Twitter Card meta tags, with a generic share-card preview that updates as you type. The Twitter title, description and image reuse the Open Graph values, and og:image, og:site_name and twitter:site are left out while empty. The preview loads the image straight from the URL you enter.
Category: SEO.
Frequently asked questions
What is Open Graph?
▾
A protocol developed by Facebook that lets you control how your pages appear when shared on social media. It uses <meta property="og:..."> tags to define title, description, image, and URL for the social share card.
Which platforms use Open Graph tags?
▾
Facebook, LinkedIn, Pinterest, and most other social platforms. Twitter/X has its own twitter: tags but falls back to og: tags when twitter: tags are absent.
What image size should I use for Open Graph?
▾
1200×630 pixels, a 1.91:1 ratio, is the usual recommendation and works well for Facebook, LinkedIn and large X cards. Smaller images, roughly under 600×315, are often shown as a small thumbnail instead of a large card. Use an absolute https URL in og:image.
Is the card preview exactly what Facebook, LinkedIn or X will show?
▾
No. It's a generic card built from the values you type; each platform crops images, truncates text and caches previews in its own way. The tool doesn't fetch live pages either, so test the published URL with a platform debugger such as Facebook's Sharing Debugger or LinkedIn's Post Inspector.