Skip to content
Browse Tools
HomeToolsBlogGlossaryAboutContact
Browse All Tools
SEO

Open Graph and Social Sharing: Complete Implementation Guide

Control how your pages look on Facebook, Twitter, LinkedIn and WhatsApp. Every OG tag explained with examples.

Open Graph and Social Sharing: Complete Implementation Guide

What Is Open Graph?

The Open Graph protocol, developed by Facebook in 2010, defines meta tags that control how URLs appear when shared on social platforms. Without OG tags, platforms generate their own previews — often showing the wrong image, a truncated title, or no description at all.

Essential OG Tags

og:title controls the headline. og:description sets the summary. og:image defines the preview image (1200×630px recommended). og:url specifies the canonical URL. og:type indicates content type (website, article, product).

Twitter Card Tags

Twitter uses its own card tags alongside OG. Set twitter:card to "summary_large_image" for a large image preview. twitter:site and twitter:creator attribute the tweet to your account.

Image Specifications

Use 1200×630px for general OG images. Minimum 200×200px. Images smaller than 600px wide will not render as large previews. Use JPG or PNG (not WebP for maximum compatibility). Keep file size under 300KB for fast loading in previews. Use our OG Tag Generator to build all required tags instantly.

Related Tools
SERP Preview Simulator
SEO Tools
OG Meta Tag Generator
SEO Tools

Try 150+ Free Tools

No signup required. Everything runs in your browser, 100% private.

Browse All Tools

More Articles