What is an Open Graph tag?

Open Graph (OG) tags are HTML meta elements placed in a page's that tell social platforms — Facebook, LinkedIn, Slack, Discord, etc. — what title, description, and image to display when someone shares your URL.

What image size should I use for og:image?

The recommended size is 1200 × 630 pixels (roughly 1.91:1 ratio). Facebook and LinkedIn display it at around 600 × 315 px, so keep important content centred. Use JPEG or PNG, and keep the file under 8 MB.

Do I need both OG and Twitter Card tags?

Twitter/X falls back to og:title and og:description if Twitter Card tags are absent, but it does not fall back for og:image in all cases. Adding explicit twitter:card, twitter:title, and twitter:image tags gives you the most reliable previews across all platforms.

What is the difference between og:type values?

"website" is the default for most pages. Use "article" for blog posts and news (pair it with article:published_time), "video.other" for video pages, and "product" for e-commerce items. The type value can unlock additional platform-specific display features.

How do I test my Open Graph tags after deploying them?

Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn Post Inspector (linkedin.com/post-inspector), or Twitter Card Validator. These tools fetch your live URL and show exactly how the preview will appear, and they also clear platform caches.

Open Graph Tag Generator

Name: Open Graph Tag Generator
Availability: InStock
Author: Nham Vu

Fill in your page title, description, image URL, and type to instantly generate Open Graph and Twitter Card meta tags with a live card preview.

Page Details

Page URL

Title *

0 / 95

Description *

0 / 300

Image URL

Recommended: 1200 × 630 px (JPEG/PNG)

Site Name

OG Type

Twitter / X Card

Card Type

@site Handle

Live Preview

Facebook / LinkedIn

example.com

Your page title will appear here

Your description will appear here

Twitter / X (Large Image Card)

Your page title will appear here

Your description will appear here

example.com

Generated HTML Tags

Fill in the fields and click Generate Tags

Copied!

Summary

Fill in your page title, description, image URL, and type to instantly generate Open Graph and Twitter Card meta tags with a live card preview.

How it works

Enter your page URL, title, description, and the URL of your social sharing image.
Choose the Open Graph content type (website, article, video, etc.).
Optionally fill in Twitter-specific fields such as card type and site handle.
Watch the live social card preview update as you type.
Click "Copy Tags" to copy the generated HTML meta tags to your clipboard.
Paste the tags inside the <head> element of your page.

Use cases

Ensure blog posts show a branded image and headline when shared on LinkedIn.
Control the preview thumbnail for product pages shared on Facebook.
Generate Twitter Card tags so tweets include a large image and summary.
Audit and regenerate OG tags for pages with missing or incorrect metadata.
Quickly prototype OG tags for new landing pages before deployment.
Test how a Slack or Discord link unfurl will look before publishing.

Frequently Asked Questions

Last updated: 2026-06-10 · Reviewed by Nham Vu