Open Graph Generator

Generate Open Graph and Twitter Card meta tags for your website. Copy or download ready-to-use HTML tags.

OG + TwitterInstant previewNo signup
No data leaves your browser
Fill in the fields to generate Open Graph meta tags

Documentation

What are Open Graph tags?

Open Graph tags are HTML meta tags that control how your page appears when shared on social media like Facebook, LinkedIn, and Twitter.

Why use Open Graph tags?

Without OG tags, social media platforms may display incorrect or missing titles, descriptions, and images when your page is shared.

How to use
  1. 1) Fill in the page title, description, URL, and image URL.
  2. 2) Preview the generated tags and social card preview.
  3. 3) Copy or download the HTML tags to add to your page.

FAQs

What are Open Graph tags?

HTML meta tags that control how your page appears when shared on social media like Facebook, LinkedIn, and Twitter.

What is og:title?

Specifies the title displayed when your page is shared on social media. Should be concise and compelling.

What is og:image?

Specifies the image that displays when shared. Recommended size is 1200x630 pixels for best results.

What is og:type?

Describes content type. Common values are website, article, product, and video.

What are Twitter Card tags?

Control how your page appears on Twitter. summary_large_image shows a large image preview.

Does it store my data?

No. All processing happens locally in your browser. Nothing is uploaded or stored.

Is it free?

Yes. Completely free with no signup or limits.

Privacy: All processing runs in your browser. Nothing is stored.