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 ready-to-use Open Graph (OG) and Twitter Card meta tags and checks them against 14 common-mistake rules. It renders live previews of how your link will look on 6 social platforms: Facebook, Twitter, LinkedIn, Discord, Slack, and 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. We fetch the first 256 KiB of the image and read its headers. We report the dimensions, file size, MIME type, and 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 offer 7 og:type values (Website, Article, Video, Music, Book, Profile, Product) instead of the full 25-value spec. The dropped types render no differently 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 (about 70 chars) and descriptions (about 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 have a place for it. WordPress uses the Yoast, Rank Math, or All in One SEO plugins. Shopify uses theme files or apps. Webflow uses the Custom Code area in each page's settings. Ghost uses 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 and read the HTML. We then fill in every form field from the page's existing og:* and twitter:* tags. For missing values we fall back to the page title, meta description, canonical URL, and 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. We fetch the first 256 KiB of the image through our proxy and read the file headers. We report the actual dimensions in pixels, the file size in bytes, the 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.