Why Open Graph Tags Are Worth Setting Up Properly

Every link your audience shares — in Slack, on LinkedIn, in WhatsApp, in iMessage, on X, on Facebook — produces a preview card. Without proper Open Graph and Twitter Card tags, the platform guesses: it grabs whatever heading and image it can find, often with embarrassing results. With proper tags, you control the exact title, description, and image that represent your page when shared. The lift in click-through rate from a clean, intentional preview card vs. a randomly chosen one is regularly 30-50%.

The Tags That Actually Matter

The minimum set of tags worth implementing on every page is: og:title, og:description, og:image, og:url, og:type, twitter:card, and twitter:image. Get those seven right and your previews will look correct on virtually every platform. Beyond that, add og:site_name for branded identification, og:image:width and og:image:height to prevent layout shift in some platforms, and twitter:site if you have an active X presence.

The 1200×630 Image Spec That Works Everywhere

One image at 1200×630 pixels (1.91:1 aspect ratio) covers Facebook, LinkedIn, X (large card), Slack, and most messaging apps cleanly. Some platforms crop differently, so keep your text and logo in the central 80% of the canvas. Avoid putting critical text along the edges. WebP is now widely supported but JPG remains the safest format if you want maximum compatibility.

Frequently Asked Questions

Where do I paste these tags?
Inside the section of each page’s HTML. In WordPress, plugins like Yoast and Rank Math handle this for you. In Next.js, use the component or app-router metadata. In static HTML, paste directly into the head.

How do I test the previews after publishing?
Use Facebook’s Sharing Debugger, LinkedIn’s Post Inspector, and X’s Card Validator. These tools show exactly what each platform sees and let you force a re-fetch when you update tags.

Why does my image not appear immediately after I publish a page?
Platforms cache previews. After updating tags, run the URL through the platform’s debugger and click “scrape again” to force a refresh.