Open Graph Preview

What Are Open Graph Tags?

Open Graph (OG) tags control how your URL appears when shared on social media platforms like Facebook, LinkedIn, and Twitter. Without proper OG tags, platforms may display incorrect titles, descriptions, or images.

Essential OG Tags

• og:title — The title shown in social shares
• og:description — The description snippet
• og:image — The preview image (recommended: 1200x630px)
• og:url — The canonical URL
• twitter:card — Twitter-specific card type (summary, summary_large_image)

More Free Tools

See every tag on a page with the meta tag checker, or check its structured data with the Schema.org / JSON-LD validator. Browse all free tools.

Frequently Asked Questions

What size should an Open Graph image be?

1200 by 630 pixels, a 1.91 to 1 ratio, is the size that fills a large link card on Facebook, LinkedIn and X without cropping. Use an absolute https URL for og:image; a relative path will not load.

Why is my link preview showing the wrong image or title?

Most often the platform cached an older version of the page. Change the tags, then ask the platform to fetch again with Facebook's Sharing Debugger or LinkedIn's Post Inspector. The other common causes are a missing og:image, an image URL that needs a login, and tags added by JavaScript, which preview fetchers do not run.

Do I need Twitter Card tags if I already have Open Graph tags?

X falls back to og:title, og:description and og:image when the twitter: versions are missing, so the content will show. Add twitter:card with the value summary_large_image if you want the large image layout rather than the small thumbnail.

Is this preview exactly what each platform will show?

No. It lays out the tag values the way a link card uses them, falling back from the Twitter tags to Open Graph to the page title as the platforms do. Each platform crops images and shortens text slightly differently, so check an important page in the platform's own tool as well.