What is an Open Graph previewer and why do I need one?
An Open Graph previewer lets you see exactly how your link will appear when shared on social media platforms like Facebook, LinkedIn, Twitter/X, WhatsApp, Discord, Telegram, and Reddit. It shows the title, description, and image that platforms pull from your og:title, og:description, and og:image meta tags. Without previewing, your shared links might show broken images, wrong titles, or missing descriptions, hurting click-through rates.
How do I preview Open Graph tags before publishing my website?
Enter your og:title, og:description, og:url, and og:image values into the input fields, or paste your existing HTML meta tags and click Parse. The live preview updates instantly showing how your link card will look on each platform. You can filter by specific platforms using the colored filter chips above the preview cards.
What is the correct Open Graph image size for social media?
The recommended Open Graph image size is 1200x630 pixels with a 1.91:1 aspect ratio. This works across all major platforms. LinkedIn and Facebook require at least 1200px width for large cards. Twitter/X works best at 1200x628. WhatsApp and Discord also prefer 1200x630. Images smaller than 600x315 may not display as a large image card.
How do I fix broken social media preview images?
Ensure your og:image URL is publicly accessible, uses HTTPS, and returns a valid image file. The URL must not be behind authentication or blocked by CORS. Common issues include using localhost URLs, temporary cloud storage links, or images that require login to access. This tool validates your image URL and shows an error if it is unreachable.
Does this Open Graph tool upload my data to a server?
No. All parsing, previewing, and meta tag generation happens entirely in your browser using client-side JavaScript. Your URLs, images, and metadata never leave your device. This makes the tool safe for proprietary projects, pre-launch pages, and confidential content.
What is the difference between Open Graph tags and Twitter Card tags?
Open Graph tags (og:title, og:description, og:image) are used by most platforms including Facebook, LinkedIn, WhatsApp, and Discord. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) are Twitter/X-specific and override Open Graph tags when present. This tool generates both sets of tags so your link renders correctly on every platform.
Can I preview how my link appears on WhatsApp and Telegram?
Yes. This tool shows dedicated preview cards for WhatsApp and Telegram. WhatsApp displays a compact thumbnail-style preview with title and domain. Telegram shows a larger card with a full-width image. Both platforms read Open Graph tags, so filling in og:title, og:description, and og:image will update these previews.
How do I preview Discord rich embeds before sharing a link?
Discord uses Open Graph tags for its rich embeds. Enter your meta tag values in the previewer and select the Discord filter chip. Discord requires twitter:card set to summary_large_image for large embeds. Without it, Discord shows only a tiny 80x80 thumbnail. This tool generates the correct tags for Discord embeds.
Can I paste existing HTML meta tags to preview them?
Yes. Paste your existing <meta> tag HTML into the "Paste HTML meta tags" field and click Parse. The tool extracts og:title, og:description, og:url, and og:image values and fills all fields automatically. This is useful for auditing an existing website without manually entering each field.
How do I copy the generated meta tags for my website?
After filling in your title, description, URL, and image, click the Copy Tags button. This copies a complete set of Open Graph and Twitter Card meta tags to your clipboard. Paste them into your HTML <head> section. The generated tags include og:title, og:description, og:url, og:image, twitter:card, twitter:title, twitter:description, and twitter:image.