Skip to content

Open Graph tags generator

Generate Open Graph and Twitter Card tags so your page looks good when shared on Facebook, LinkedIn, X and other social networks.

Processed on your device. Nothing is sent to any server.
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Generates the og:title, og:description, og:image and similar tags, plus the corresponding twitter:card tags, the standard social networks use to generate a link preview.

Use cases

  • Preparing a blog post's social preview.
  • Configuring how a product looks when shared on social media.
  • Adding social metadata to a new landing page.

How it works

  1. 1

    Fill in the fields

    Title, description, URL, image and content type.

  2. 2

    Copy the code

    Paste the result into your HTML's head.

Technical details

  • It generates og:title, og:description, og:url, og:image, og:site_name and og:type (website by default) and, if you pick a card type, the twitter:card, twitter:title, twitter:description and twitter:image tags.
  • The image URL must be absolute and public: networks fetch the image from their own servers.
  • Networks cache link previews; after changing the tags, the preview may take a while to update or need a re-scrape with the network's link debugger.

Frequently asked questions

What size should the og:image be?

An image of at least 1200x630 pixels is recommended so it displays correctly on most platforms.

← Web & SEO