Marketing

Open Graph Creator

Create optimized Open Graph tags for social media sharing. Preview your link card and generate meta tags to improve link appearance on Facebook, Twitter, LinkedIn, and other platforms.

Open Graph Creator
Create and preview Open Graph metadata for your website with live preview

Click or drag an image to upload

Recommended: 1200x630 pixels (1.91:1 ratio)

Live Preview
How your Open Graph will appear

Upload an image to see preview

example.com

Generated Open Graph Tags
<meta property="og:title" content="Your title" />
<meta property="og:description" content="Your description" />
<meta property="og:url" content="https://example.com" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

About this tool

Create and optimize Open Graph meta tags to control how your content appears when shared on social media platforms. Perfect for marketers, content creators, and web developers who want to improve click-through rates and ensure their content looks professional when shared. Upload custom images, enter titles and descriptions, and see a live preview of how your link card will look when shared. Generate properly formatted meta tags in seconds to boost your content's visual appeal and engagement.

How to use the Open Graph Creator

  1. Fill in Title, Description and URL, plus Site Name and Image Alt Text if you have them.
  2. Drop an image into Open Graph Image, ideally 1200 x 630 pixels.
  3. Check the Live Preview, then select and copy the code under Generated Open Graph Tags.
  4. Swap the og:image value for the public URL of your hosted image, then paste the tags into the head of your page.

Give us your feedback

Help us improve Open Graph Creator!

Frequently asked questions

What are Open Graph tags?

Open Graph tags are meta tags in the head of a page that tell Facebook, LinkedIn, Slack and other apps which title, description and image to show when someone shares your link. Without them, platforms guess, and often grab the wrong image or text.

What size should an Open Graph image be?

Use 1200 x 630 pixels, a 1.91:1 ratio, which is the safe choice for Facebook, LinkedIn and X large cards. Keep key text away from the edges, since some apps crop the image into a square or narrower shape.

Is my image uploaded?

No. The image stays in your browser and is only used for the preview, which is why the og:image tag shows a temporary blob: address. Host the image on your site and use its public https URL, because platforms can only fetch images from the open web.

Why is my old preview still showing?

Social platforms cache link previews, sometimes for days. After updating your tags, run the page through the Facebook Sharing Debugger or LinkedIn Post Inspector to make them fetch it again and refresh the card.

Open Graph Creator screenshot