Open Graph Meta Tag Generator

Generate Open Graph, Twitter Card and canonical meta tags from a form, then copy the HTML.

🔒 Your files are never uploaded. Everything runs in your browser.

How to use

  1. Enter the title, description, URL, image and so on.
  2. Press Generate meta tags to output the HTML.
  3. Copy it and paste inside the page <head>.

Main features

  • Generate title, description and canonical tags
  • Open Graph (og:*) tags
  • Twitter Card: summary or large image
  • Build the HTML from a simple form
  • Copy and paste into your head tag

When to use it

  • Fix how your page looks when shared on social media
  • Set the right OG image and canonical URL
  • Add meta tags to a hand-coded page or CMS

FAQ

Where do I put the tags?
Paste them inside the head element of your HTML.
What OG image size is recommended?
1200x630 px is the common standard.
Which Twitter Card types are supported?
summary and summary_large_image.