Open Graph Meta Tag Generator & Social Preview — OG and Twitter Cards
Generate Open Graph and Twitter Card meta tags online, preview the social card, and import existing tags. Learn og:image sizes, twitter:card types, and how to fix stale link previews.
Make shared links look right.
Need Open Graph and Twitter Card tags that actually work? Spoold's OG & Meta Preview builds the HTML from a form, shows a live card preview, and parses tags from an existing page head.
The tags that matter
Open Graph tags use property=; Twitter tags use name=. Mixing them up is one of the most common reasons a preview does not appear.
og:type and twitter:card
og:type
website for most pages, article for posts, product, profile, and media types such as video.other.
twitter:card
summary for a small square image, summary_large_image for a wide hero image, plus app and player.
Image size
Aim for 1200×630 (1.91:1), an absolute https URL, and a reasonable file size.
Text length
Keep titles near 60 characters and descriptions near 155–160 to avoid truncation.
How to use it on Spoold
- Open /tools/web/og-meta and fill in the title, description, URL, and image.
- Pick the og:type and twitter:card chips.
- Check the preview and fix any warnings.
- Copy the generated tags into your page head, or share the setup via link.
Auditing an existing page
View source on any page, copy its <head> tags, and use Import from existing HTML head to load them into the form and see what a crawler sees.
When the preview does not update
Platforms cache link previews aggressively. After deploying changes, re-scrape the URL in the platform's debugger (Facebook Sharing Debugger, LinkedIn Post Inspector). Also confirm the tags are in the server-rendered HTML, since most crawlers do not execute JavaScript, and that the image is publicly reachable.
Related guides
- HTML Preview — render a full page
- Slug Generator — clean URLs for og:url
Related search terms
Frequently asked questions
Is the generator free?
Do I need both Open Graph and Twitter tags?
Can it read tags from an existing page?
Is the preview pixel-perfect?
Why is my old image still showing?
Generate Open Graph tags
Build and preview tags in the Open Graph generator.
Related Tools
Related Articles
MCP Inspector Online — Read mcp.json and Tool Schemas
Inspect Model Context Protocol configs and tools/list payloads in the browser. See stdio commands, HTTP servers, env keys, and JSON Schema inputs for each tool.
Log Parser Online — JSON Lines, logfmt, and Access Logs
Parse JSON logs, logfmt, and Nginx or Apache combined access logs in the browser. Pick fields, preview the rows, and download CSV or JSON.
UTM Builder Online — Campaign Links, then a Short URL
Build a campaign URL with utm_source, utm_medium, and utm_campaign in the browser, then shorten it or turn it into a QR code.
Try It Now
Put this guide into practice with our free tools. No sign-up required.
Open OG & Meta Preview