Open Graph Generator

About Open Graph Generator

Fill title, description, page URL, and image URL. Set og:type (website, article, or product), og:locale (default en_US), and optional site name. Twitter card type defaults to summary_large_image; summary is also available. Copy the meta block into the document head.

The block always emits og:title, og:description, og:url, og:image, og:type, og:locale, twitter:card, twitter:title, and twitter:description. twitter:image is added when the image field is not empty. One image only; add extra og:image tags by hand if you need them. We warn if the image URL is not absolute.

When to use it

Use it when a campaign URL needs a share card and the CMS has no og fields. Fill og:title, og:description, og:url, and og:image (absolute URL), then copy the block. It is markup only, not a live card fetch. website is the default og:type. summary_large_image is the default twitter:card.

After deploy, Open Graph Checker reads the live HTML. This form never fetches and never clears Facebook's cache. Empty fields still write empty content attributes, so fill og:title before you copy.

How to use Open Graph Generator

1. 1Enter title, description, URL, and image. The image must be an absolute http or https URL.
2. 2Set og:type and twitter:card. website plus summary_large_image is the usual article-style card.
3. 3Copy the tags. Paste them in the document head.
4. 4Deploy, then verify. Run the Open Graph checker on the live URL.

How to read the results

The preview is the meta list. Always present: og:title, og:description, og:url, og:image, og:type, og:locale, twitter:card, twitter:title, twitter:description. twitter:image appears only when og:image (absolute URL) is filled. og:site_name is omitted when blank.

og:type options are website, article, and product. twitter:card is summary_large_image or summary. og:locale defaults to en_US. A relative image path shows a warning in the form. Empty title still emits empty content attributes. og:site_name is the one optional og field that is skipped when blank, unlike title.

Why this matters

Share scrapers request og:image as written. A /share.png path is the usual blank card. The absolute-URL warning exists so that path never ships from this form unnoticed. website versus article versus product is the og:type crawlers use to pick a card layout.

twitter:title and twitter:description are copied from the og fields so X has a fallback even when you pick summary. One image keeps the block short; extra sizes are hand-duplicated og:image lines. locale stays en_US until you change it to match the page language.

Limits and privacy

The og: and twitter: strings stay on this device. No image file is uploaded; only the URL you type is placed in the tag. Sharing Debugger is still a separate step. No login. Closing the window drops the draft tags you typed on the form. Facebook and LinkedIn caches update only after you deploy and scrape the live URL.

Common mistakes

Leaving og:image as a CMS media path without https. The warning is the one to fix.

Expecting LinkedIn-specific tags. LinkedIn reads this Open Graph block.

Skipping Open Graph Checker after deploy. The form cannot see what the live head actually contains. A second image size is not a second field; duplicate og:image in the template if a platform asks for it.