What size should an Open Graph image be?

Use 1200×630 pixels, a ratio of about 1.91:1, which is the size nearly every platform displays in full. A much smaller image looks blurry, while a different ratio gets cropped top and bottom.

Do I still need Twitter Card tags?

Most fields fall back to the Open Graph tags when Twitter Card tags are absent, so the one that genuinely matters is twitter:card, which picks the card layout. Writing both is still useful because it makes problems easier to trace.

Why does my link card still show the old image?

Platforms cache what they read for a while, so a change is not always visible immediately. Some offer a link debugging tool that forces a re-read; where none exists, the change appears once the cache expires.

Does this tool inspect my page?

No — it only assembles tag text from what you type and never visits the address you enter. Everything runs in your browser.

SEO & Sharing

Open Graph Tag Generator

Fill in the title, description and image to get a block of meta tags ready to copy.

Page address * Site name

Title * Description *

Image address (absolute) Image alt text Content type X handle (optional)

What this is

Open Graph is a set of meta tags that tell other applications how to display a link to your page: which title to use, which description to show, and which image belongs on the card. Without them an application guesses from the page itself — and the guess is often a fragment of navigation text beside a small logo nobody wanted. These tags are read by nearly every social platform and messaging app, so one block serves them all.

How it works

The image is the part that most often goes wrong. The size that works everywhere is 1200×630 pixels, and its address must be absolute — starting with https:// and containing the full domain. A relative address like /og.png never loads, because the application reading it is not on your site.

Twitter Cards are largely a layer over Open Graph: where og: tags exist most fields fill themselves, and only twitter:card is truly needed to pick the large or small layout. This generator writes both explicitly anyway, because explicit tags are easier to check when something looks wrong.

Applications cache what they read. Changing the image after a link has already been shared often has no visible effect until that platform's cache refreshes, so check your tags before the link circulates rather than after.

How to use it

Fill in the address, title and description All three are needed; the rest are optional but help.
Enter an absolute image address 1200×630 pixels works across every major platform.
Copy the tag block Paste it inside your page's head element, before the closing tag.

Common questions

What size should an Open Graph image be?: Use 1200×630 pixels, a ratio of about 1.91:1, which is the size nearly every platform displays in full. A much smaller image looks blurry, while a different ratio gets cropped top and bottom.
Do I still need Twitter Card tags?: Most fields fall back to the Open Graph tags when Twitter Card tags are absent, so the one that genuinely matters is twitter:card, which picks the card layout. Writing both is still useful because it makes problems easier to trace.
Why does my link card still show the old image?: Platforms cache what they read for a while, so a change is not always visible immediately. Some offer a link debugging tool that forces a re-read; where none exists, the change appears once the cache expires.
Does this tool inspect my page?: No — it only assembles tag text from what you type and never visits the address you enter. Everything runs in your browser.

Notes

The tags are assembled in your browser; no page is fetched or inspected.