OG Preview

What is the Open Graph protocol?

Open Graph (OG) is a protocol created by Facebook that lets web pages become rich objects in social media feeds. When you share a link, platforms read the OG meta tags from the page's HTML to generate a preview card with an image, title, and description. Without these tags, platforms guess what to show -- often with poor results.

Essential OG tags

The four core tags are og:title, og:description, og:image, and og:url. The title should be concise (under 60 characters) to avoid truncation. The description works best under 155 characters. Images should be at least 1200x630 pixels for best results across all platforms. The URL should be the canonical address of the page.

Platform differences

Each platform renders OG data slightly differently. Twitter uses its own twitter:card tags but falls back to OG tags when those are absent. Facebook and LinkedIn use standard OG tags. Discord renders an embed with a coloured sidebar. This tool shows approximate previews for each so you can check how your content will appear before publishing.

Privacy

This tool runs entirely in your browser. No data is sent to any server. Images are loaded directly from the URL you provide.