Open Graph / meta

Fill in a title, description, URL and image and get a complete set of Open Graph, Twitter and basic SEO meta tags, with a live preview of the social card.

Fill in a title, description, URL and image and get a complete set of Open Graph, Twitter and basic SEO meta tags, with a live preview of the social card.

How to use

  1. Enter title, description, URL, image and site name
  2. Pick the OG type and Twitter card style
  3. Preview how the social card will look
  4. Copy the generated <meta> block into your <head>

Frequently asked questions

What are Open Graph tags?

Metadata that controls how a link looks when shared on social networks — the title, description and image in the preview card.

Do I need both OG and Twitter tags?

Twitter can read Open Graph, but adding twitter:card gives you control over the card style; both are included here.

Why doesn't the image preview load?

The preview uses the exact image URL you enter — make sure it's a public, absolute https URL.