Back to SEO & Web Tools

Free Open Graph Preview & Generator

Fill in your Open Graph details and preview exactly how the link will look when shared.

About This Tool

Free Open Graph (OG) tag generator and preview tool — enter your page title, description, image URL, and page URL, and instantly see a live mockup of how the link will appear when shared on Facebook, LinkedIn, and Twitter/X, plus copy-paste-ready `og:` and `twitter:` meta tags. Useful for marketers and developers who want to confirm a share card looks right before publishing, catching a missing og:image or a description that gets cut off. Runs entirely client-side — no data is uploaded or sent anywhere.

How to Use

  1. 1

    Enter your page details

    Fill in the OG title, description, image URL, and page URL.

  2. 2

    Check the live preview

    See a mockup of the Facebook/Twitter share card update as you type.

  3. 3

    Copy the tags

    Copy the generated og: and twitter: meta tags into your page's <head>.

Frequently Asked Questions

What size should the og:image be?+
Use an image at least 1200×630px for the best display across Facebook, LinkedIn, and Twitter/X — smaller images may get cropped or shown at low resolution.
Why isn't my link preview updating on Facebook/Twitter?+
These platforms cache OG data. After changing your tags, use Facebook's Sharing Debugger or Twitter's Card Validator and click "scrape again" to force a refresh.
Do I need both Open Graph and Twitter Card tags?+
Twitter/X falls back to Open Graph tags if twitter: tags are missing, but adding both gives you more control over how the card renders on each platform.

Related Tools

Meta Tag Generator

Try it free →

URL Slug Generator

Try it free →

HTML Formatter

Try it free →