UBUseBrowserTools

Open Graph Generator

Generate Open Graph and optional X/Twitter card tags for social sharing in your browser. Add page, image and site details, then copy escaped HTML free.

100% private — runs in your browser, nothing is uploaded

Tag generation happens locally in your browser and is never uploaded.

What is an Open Graph generator?

An Open Graph generator creates the meta tags that help social platforms understand a page when someone shares its link. These tags provide a title, description, canonical page URL, content type and optional preview image. Platforms can use that information to build a richer link preview instead of guessing from the page content. This tool also creates matching X/Twitter card tags when you choose that option.

Create social sharing tags

  • Add a concise title and clear description.
  • Enter the complete URL of the page being shared.
  • Optionally add a public preview-image URL and useful alt text.
  • Choose the page type, site name and locale, then generate the HTML.

Open Graph title and description fields can be different from your standard SEO title and meta description. That can be helpful when a more conversational version works better on social platforms. Keep the message accurate, though: a mismatch between the preview and the landing page can frustrate visitors and reduce trust.

Choose a reliable preview image

A share image is usually the most visible part of a social preview. Use an absolute public image URL that social crawlers can access without a login, cookie or browser-only script. A wide image is commonly useful for social cards, but each platform can crop, cache or display it differently. Add meaningful alt text where possible so the image has a concise textual description.

Open Graph and X/Twitter cards

The core Open Graph properties are widely recognized by social networks. X/Twitter card tags can supply similar information for that platform, including a card type that uses a larger image when you add an image URL. The generated title, description and image values match the Open Graph values, keeping the initial setup consistent. You can later tailor them if a platform needs a different message.

Test after publishing

Paste the generated tags in your page head, publish the page, then use the relevant platform's sharing debugger or preview tool. Platforms often cache previews, so a recent image or text change may not show immediately. Confirm that the page URL, image URL and metadata are all accessible to crawlers before expecting an updated card.

Private browser generation

This generator processes the form locally in your browser. Your titles, descriptions and URLs are not uploaded here. The output escapes special HTML characters, so it is ready to review and paste into a page template. It does not upload images or inspect a live page; verify the final published result with the social platform you care about.

Frequently asked questions

What image should I use for Open Graph?

Use a public, absolute image URL with a clear wide image that represents the linked page.

Do I need X/Twitter card tags too?

Open Graph tags may work on many platforms, while matching card tags give X/Twitter explicit sharing metadata.

Why does an old share preview appear?

Social platforms cache link previews. Use the platform's debugger or wait for its cache to refresh after publishing.

Are my URLs uploaded?

No. This tool generates tags locally in your browser.

Related guides

Related tools