Open Graph Generator

Fill in the fields once and get ready-to-paste Open Graph and Twitter Card meta tags, with a live preview.

og:title

og:url

og:description

og:image

og:type

og:site_name

twitter:card

twitter:site

Preview

Your titleexample.com

Your description appears here.

Meta tags

How it works

Both og:* and twitter:* tags are produced, with the essential tags always included.
The preview card shows the image, title and description roughly the way a social network renders a shared link.
Values are HTML-escaped, so quotes and ampersands in your text cannot break the markup.