Web ToolBox

OGP Tag Generator

Generate OGP meta tags for social sharing

Generate OGP tags

OGP tags for copy

<meta property="og:type" content="website" />

What is OGP Tag Generator?

OGP Tag Generator is a tool for building Open Graph meta tags from your input and copying the result as ready-to-use HTML. In addition to og:title, og:description, og:url, and og:image, it can also generate tags for image size, alt text, og:type, og:site_name, and og:locale.

You can optionally add X-specific twitter:card and twitter:site tags, which makes it useful when preparing share metadata for a new page.

How to Use

  1. Enter the title, description, page URL, and image URL.
  2. Add optional values such as image size, alt text, type, site name, and locale if needed.
  3. Turn on the X card option when you want to include twitter:card and twitter:site.
  4. Review and copy the generated meta tags.

The output updates in real time, so you can fill in only the tags you actually need.

Main Tags You Can Generate

  • og:title
  • og:description
  • og:url
  • og:image
  • og:image:width
  • og:image:height
  • og:image:alt
  • og:type
  • og:site_name
  • og:locale
  • twitter:card
  • twitter:site

The X-specific tags are only added when that option is enabled.

Output Example

For example, if you enter a title, description, page URL, image URL, and enable X card tags, the output can look like this:

<meta property="og:title" content="Page Title" />
<meta property="og:description" content="Page description" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:type" content="website" />

<!-- Twitter Card Tag -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@username" />

Use Cases

  • Adding OGP tags to a newly created page
  • Preparing share metadata for a blog post or landing page
  • Switching between summary and summary_large_image for X cards
  • Reducing mistakes when writing meta tags by hand

Things to Keep in Mind

  • This tool generates tags only. To check the actual appearance, use OGP Checker or OGP Image Simulator
  • Absolute URLs are the safer choice for both page and image URLs
  • The entered values are inserted directly into the generated content attributes, so it is worth reviewing them before shipping