What Is Open Graph?
Open Graph (OG) is a protocol developed by Facebook that enables web pages to become rich objects in social media. By adding Open Graph meta tags to your page's `<head>`, you control exactly how your page title, description, and image appear when someone shares your URL on Facebook, LinkedIn, Slack, WhatsApp, and other platforms that support the protocol.
Essential Open Graph tags
`og:title` — the title shown in the social share card (can differ from your page title). `og:description` — the summary shown below the title (150–200 characters). `og:image` — the image displayed in the card (minimum 1200×630px recommended for best quality across platforms). `og:url` — the canonical URL of the page. `og:type` — the type of content: `website` for regular pages, `article` for blog posts. `og:site_name` — your brand name.
Open Graph image best practices
Use a minimum 1200×630px image (1.91:1 aspect ratio) for best display across platforms. Keep critical content away from edges — some platforms crop images. Use PNG or JPEG; avoid GIFs. Include your logo or brand elements. Create unique OG images per page — a generic image for every page dramatically reduces click-through from social shares.
Testing Open Graph tags
Facebook's Sharing Debugger (developers.facebook.com/tools/debug) lets you preview and refresh OG tags for any URL. LinkedIn Post Inspector (linkedin.com/post-inspector) does the same for LinkedIn. Twitter Card Validator (developer.twitter.com/en/docs/twitter-for-websites/cards/guides/troubleshooting-cards) is equivalent for Twitter. Canvas Builder's `/tools/og-preview` tool lets you preview OG cards without visiting external tools.
Open Graph & Canvas Builder
Canvas Builder's site uses full Open Graph meta tags on every page including blog posts and template pages. The /tools/og-preview tool lets you preview any URL's OG card instantly.
Try Canvas Builder →