<!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="" /> <meta property="og:locale" content="en_US" />
How it works
The Open Graph Generator creates the og: meta tags that control how your web pages appear when shared on Facebook, LinkedIn, Slack, Discord, WhatsApp, and any other platform that reads Open Graph metadata.
When someone shares a URL on social media, the platform fetches the page and reads its Open Graph tags to construct a preview card — the image, title, and description shown in the post. Without OG tags, platforms fall back to guessing (often badly) or show a blank preview. With correct OG tags, every share becomes a compelling, branded preview that drives clicks.
How to use it: enter your page title, description, absolute URL, and image URL (must be an absolute HTTPS URL; recommended 1200×630px or 1200×628px). Select the og:type (website, article, video, product). Click Copy to get the complete <meta property="og:..."> block.
Critical requirements: og:image must be an absolute URL (https://yourdomain.com/image.png), not a relative path. Facebook caches OG images aggressively — if you update an image at the same URL, use Facebook's Sharing Debugger to force a cache refresh. Image dimensions of 1200×630px provide the best display across all platforms.
Article-specific tags: for blog posts and news articles, og:type="article" enables additional tags — article:published_time, article:author, article:section — which show publication date and author info in Facebook link previews and improve distribution on news aggregators.
Frequently Asked Questions
- Social media crawlers fetch og:image from a server separate from the user's browser. They cannot resolve relative URLs (/image.png) without knowing the origin domain. Always use full https:// URLs including the domain.
- Facebook aggressively caches Open Graph data — sometimes for days or weeks. If you update an og:image at the same URL, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to force a cache refresh for that URL.
- Twitter reads og: tags as fallback, so technically no. But Twitter's display is optimized when twitter: tags are present — especially the card type (summary vs. summary_large_image) which controls whether a large image appears. It's worth adding both sets.
- Use og:type='article' for blog posts and news articles. This unlocks article-specific tags (article:published_time, article:author, article:section) that appear in Facebook link previews and some news aggregators.