Edit your tags
Paste a URL to auto-fill from existing tags, or start typing below.
We fetch your page through a proxy, parse the meta tags, and pre-fill the form below from any og:* and twitter:* tags found.
Twitter Card overrides
Additional context (alt text, article meta, video, app)
Preview
How your link will look across 6 social platforms. Updates as you type.
Validation
Social previews
Generated meta tags
<!-- Fill in og:title, og:description, and og:image to start. -->Paste the tags above into the <head> of your page. Then run Facebook's Sharing Debugger or the OpenGraph Inspector to confirm.
Recent drafts
How it works
The Open Graph Generator builds production-ready Open Graph (OG) and Twitter Card meta tags, validates them against 14 common-mistake rules, and renders live previews of how your link will appear on 6 social platforms (Facebook, Twitter, LinkedIn, Discord, Slack, WhatsApp).
Form mode (always free, never metered): fill in the form and the tag block + preview cards + validation strip update on every keystroke. Click Copy to grab the ready-to-paste HTML.
URL extract mode: paste any public URL and we fetch the page through our proxy pool, parse the HTML, and pre-fill every form field from the page's existing og:* and twitter:* tags. Each URL extract consumes 1 unit from your daily page-audit quota (50 on the Free plan).
Image verify: click the Verify image button next to og:image and we ranged-fetch the first 256 KiB of the image, parse the headers, and report dimensions / file size / MIME type / status. Auto-fills og:image:width and og:image:height on success. Each verify consumes 1 unit from your daily quota.
14-rule validation catalog:
- High: og_title_missing, og_image_missing, og_url_not_absolute, og_image_not_absolute, og_image_too_small, og_image_unreachable.
- Warn: og_description_too_long, og_title_too_long, og_image_below_recommended, og_image_wrong_aspect, og_image_too_large_filesize, og_image_wrong_mime, og_image_protocol_mismatch, twitter_card_mismatch.
- Info: og_type_missing, og_site_name_missing, twitter_handle_no_at, og_description_missing.
Click any issue in the validation strip to jump to and focus the offending field.
Save and share: click Save and share to persist the form as a draft and get a ?draft=<uuid> URL anyone can open. Drafts expire after 30 days.
Curated og:type list: we expose 7 og:type values (Website, Article, Video, Music, Book, Profile, Product) instead of the full 25-value spec, because the dropped types have no rich-card differentiation on any of the 6 platforms we preview.
What each platform preview shows
- Wide 1.91:1 card with image at top, then domain, then title, then description. Title truncates around 65 characters; description truncates around 200.
- Twitter (summary_large_image)
- Same shape as Facebook but with tighter truncation: title around 70 characters, description around 200.
- Twitter (summary)
- Smaller card with a square image to the left and text to the right. Used when
twitter:cardis set to summary or when the image is smaller than 1200x630. - Similar to Facebook but the title appears in larger weight at the top. Truncates around 70 characters.
- Discord
- Dark-theme embed with a brand-colored left border (set via
theme-color). Image renders smaller than Facebook unless the message specifically pulls a large image. - Slack
- Slim sidebar-style embed with image to the right of the text. Truncates titles aggressively (~70 chars) and descriptions (~150 chars).
- Chat-bubble-styled preview with image at top. Tighter character limits than other platforms; long titles get cut off mid-word.
- Validation strip
- Pill counter showing how many high / warn / info issues are detected. Click any to scroll to and focus the offending input.
Frequently asked questions
What is Open Graph and what does it do?
Open Graph (OG) is a meta-tag protocol originally created by Facebook in 2010 and now used by every major social platform (Facebook, Twitter, LinkedIn, Discord, Slack, WhatsApp, iMessage, and many more). When someone shares your URL on any of these platforms, the platform fetches your page, reads its OG meta tags, and renders a rich "preview card" with your title, description, image, and source. Without OG tags, social shares render as a bare URL with no preview, which dramatically reduces click-through. With well-crafted tags, every share becomes a small visual ad for your page.
What are the essential Open Graph tags?
og:title: the headline of your share card. Keep under 60 characters; longer titles get truncated.og:description: a 1-2 sentence summary. Under 160 characters works across all platforms.og:image: a 1200x630 pixel image (the universally-supported size). Must be an absolute URL.og:url: the canonical URL of the page. Always use the absolute URL.og:type: what kind of object the page represents (website, article, video, book, etc.).og:site_name: your site's name.
Twitter additionally uses twitter:card to control its card layout (summary_large_image for the modern wide preview, summary for a smaller square). When Twitter-specific tags are absent it falls back to the OG tags.
What size should my Open Graph image be?
The universally-supported size is 1200x630 pixels at a 1.91:1 aspect ratio, in JPEG, PNG, or WebP under 8 MB. This works on Facebook, LinkedIn, Discord, and Slack natively. Twitter requires the same 1200x630 minimum for summary_large_image cards, with the same 1.91:1 ratio. Smaller images (under 200x200) render as a tiny icon next to text rather than a wide card; oversized images may be ignored or take longer to load on the receiving platform. This tool verifies image dimensions, file size, and format when you paste an image URL.
How do I add Open Graph tags to my website?
Generate the tag block in this tool, copy it, and paste it inside your page's <head> section. Most CMS platforms support this natively: WordPress via Yoast / Rank Math / All in One SEO plugins, Shopify via theme files or apps, Webflow via the Custom Code area in each page's settings, Ghost via the Code Injection settings. Static sites just paste into the HTML <head>. After deploying, use Facebook's Sharing Debugger to force a re-scrape and confirm Facebook sees the new tags.
What does the URL extract feature do?
Paste any public page URL into the URL field and click Extract tags. We fetch the page through our proxy pool, parse the HTML, and pre-fill every form field from the page's existing og:* and twitter:* tags, plus fallbacks for missing values (page title, meta description, canonical URL, first H1). Useful for migrating tags between platforms, debugging why a card looks wrong, or starting from your current setup and tuning from there. Each URL extract consumes 1 unit from your daily page-audit quota (50 on the Free plan).
What does the image verify feature do?
Click Verify image next to the og:image field and we ranged-fetch the first 256 KiB of the image through our proxy, parse the file headers, and report: actual dimensions in pixels, file size in bytes, MIME type, and whether the file is reachable at all. We then flag any issues (too small, wrong aspect ratio, oversized file, non-image content, blocked by access controls). On success, we auto-fill the og:image:width and og:image:height fields. Each image verify consumes 1 unit from your daily quota.
Why does my Facebook preview look stale after I update tags?
Facebook (and most other platforms) aggressively cache the OG tags of a URL the first time anyone shares it. Updates to your tags don't auto-flow back; the cached version sticks until invalidated. Fix: paste your URL into Facebook's Sharing Debugger and click Scrape Again. This forces Facebook to re-fetch your page and refresh the cached preview. LinkedIn has a similar Post Inspector. Twitter caches less aggressively and usually picks up changes within hours.
Is Open Graph still relevant in 2026?
Yes, and arguably more than ever. Every link shared on social media, in chat apps, in iMessage previews, in Slack channels, in Discord servers, in Notion embeds, and in newsletter clients uses Open Graph (or a close derivative). Even AI Overviews and chatbot link previews fetch and use OG metadata. A page without OG tags shows up as a bare URL on every one of these surfaces. Open Graph is one of the lowest-effort, highest-impact SEO and social investments you can make per page.