Open Graph Generator
Fill in og:title, og:description, og:image, og:url, og:type and optional Twitter handle fields to generate a ready-to-paste block of Open Graph and Twitter Card meta tags. A live preview shows how the link card will look on Facebook and Twitter.
How to use
- 1
Enter the link card title and description
These appear in bold and as supporting text on Facebook, Twitter, LinkedIn and Slack link cards. Aim for ≤ 60 and ≤ 200 characters respectively.
- 2
Provide an absolute og:image URL
Use a 1200×630 PNG or JPG under 1 MB, hosted on a public HTTPS URL. Add an image:alt for accessibility.
- 3
Set the canonical og:url and og:type
og:url should be the absolute canonical URL of the page. og:type defaults to website; switch to article, product or another type when appropriate.
- 4
Copy and preview
The link-card preview shows how your card will render. Use Copy to put the full OG + Twitter Card tag block on your clipboard.
Common use cases
- Set up share previews for a marketing landing page before a campaign launch.
- Audit existing Open Graph tags on a blog post that shows broken images on social.
- Generate a Twitter summary_large_image card alongside standard OG tags.
- Produce a consistent link-card look across Facebook, LinkedIn and Slack.
Limitations
- Social platforms cache link cards aggressively. After deploying, use Facebook's Sharing Debugger or Twitter's Card Validator to force a refresh.
- This tool does not produce article-specific OG tags (article:published_time, article:author, etc.). Add them by hand for blog posts.
- The preview uses an
<img>tag with your URL — if the URL is unreachable from your browser, the image will not render in the preview. - Twitter's
twitter:cardis always emitted assummary_large_image. Switch tosummarymanually for square images.