Build complete Open Graph and Twitter Card meta tags with a live Facebook and Twitter/X share preview, so you know exactly how your page will look when it's shared on social media before you publish it.
When you paste a link into Facebook, Twitter/X, LinkedIn, Slack, or Discord, the platform sends a request to fetch that URL's HTML and scans the <head> section for a specific set of Open Graph meta tags. If it finds them, it uses your specified title, description, and image directly; if a tag is missing, most platforms fall back to a best-effort guess pulled from your regular page content — often producing an inconsistent or unappealing result. This tool generates the complete, correctly-formatted set of tags needed to take that guesswork out of the process entirely.
Open Graph (og:) tags are the broadest standard, read by the largest number of platforms, while Twitter Card (twitter:) tags are specific to Twitter/X's own card rendering system. The two overlap heavily in purpose, and Twitter/X is designed to automatically fall back to your Open Graph values for most fields it doesn't find a dedicated Twitter tag for — which is why this tool focuses on generating a complete Open Graph set plus the small handful of Twitter-specific tags (primarily twitter:card, set to summary_large_image for the large-image card style) that meaningfully change how your link displays there.
The og:type property tells the receiving platform what kind of content your page represents, which in turn can unlock type-specific display features on platforms that support them. website is the safe, general-purpose default appropriate for most standard pages — homepages, tool pages, and landing pages. article suits blog posts and news content and is recognized by several platforms as a signal to potentially show a publish-date badge. product, profile, video.other, and music.song exist for more specialized content and are worth using when they genuinely describe the page, though their practical display impact varies by platform.
Image specifications aren't just a cosmetic suggestion — platforms enforce real minimums and will silently skip your image (falling back to no image at all, or an unrelated one scraped from elsewhere on your page) if it doesn't meet them. A minimum of 1200×630 pixels at a roughly 1.91:1 aspect ratio is the standard safe target across Facebook, Twitter/X, and LinkedIn alike, and using an absolute HTTPS URL (never a relative path) is required, since the platform's crawler has no browser context to resolve a relative address against.
Because platforms cache the Open Graph data for a URL after the first time it's shared, updating your tags won't automatically refresh an already-cached preview — you'll need each platform's own debugging tool (Facebook's Sharing Debugger, Twitter/X's Card Validator, LinkedIn's Post Inspector) to force a fresh re-scrape after making changes. Getting your tags right the first time, using a preview tool like this one before you ever publish or first share the URL, avoids needing to go through that manual cache-busting step at all.
Open Graph Generator controls how your page looks when shared socially. These related tools cover the other on-page metadata search engines and browsers read.