Open Graph Tag Generator

When someone shares your page on Facebook, Twitter, LinkedIn, or WhatsApp, what do they see? Without Open Graph tags, social platforms guess – often pulling the wrong image, a random snippet of text, or an unformatted link. Our Open Graph Tag Generator lets you define exactly how every shared link looks across every major platform. Fill in the fields, watch the live previews update, and copy your complete set of meta tags in one click.

Open Graph Tag Generator

Generate complete Open Graph and Twitter Card meta tags for any page. Fill in the fields below to see live previews and get copy-ready HTML.

Page Details

Recommended: 50–60 characters. Truncated at ~60 chars on most platforms.

Recommended: 120–160 characters.

Share Image

Recommended size: 1200 × 630 px. Must be an absolute URL.

Twitter / X Card

1200 × 630
example.com
Your page title will appear here
Your description will appear here.
1200 × 628
Your page title will appear here
Your description will appear here.
🔗 example.com
1200 × 627
Your page title will appear here
example.com
300 × 200
Your page title
Your description.
example.com

Generated Meta Tags

Why Choose Our Open Graph Tag Generator?

  • Live previews for four platforms: see exactly how your page will appear when shared on Facebook, Twitter/X, LinkedIn, and WhatsApp - updated in real time as you type.
  • Complete tag output covering all essential Open Graph properties (og:type, og:title, og:description, og:url, og:image, og:locale, og:site_name) and Twitter/X Card meta tags in a single copy-ready block.
  • Seven page type options including website, article, product, profile, video, music, and book - with article-specific fields (author URL, section, published and modified time) that appear automatically.
  • Character count badges on title and description fields with colour-coded feedback showing whether you are in the optimal range, too short, or over the limit.
  • Validation notices warn you if a required field is missing, your image URL is not absolute, or your description falls outside the recommended range.
  • Syntax-highlighted code block makes it easy to read and verify the generated tags before pasting them into your `<head>`.
  • Four Twitter/X Card types supported: summary, summary_large_image, app, and player.
  • Completely free. No account or login required.

Our Open Graph Tag Generator is perfect for:

  • SEO professionals creating or auditing social sharing meta tags across a site as part of a technical SEO review.
  • Content marketers who want to control exactly how each blog post, landing page, or product page appears when shared on social media.
  • Web developers integrating Open Graph tags into a CMS theme or page template and needing a reliable reference.
  • Social media managers who want to preview how a link will render before publishing a post, without needing to use Facebook’s debugger.
  • Anyone publishing content online who wants to maximise click-through rates from social shares by controlling the title, description, and image.

How to Use Our Open Graph Tag Generator:

  1. Select the Page Type that best describes your content – website for most pages, article for blog posts, product for e-commerce pages.
  2. Fill in the Page Title and Description – watch the character count badges to stay within the recommended range.
  3. Enter the Canonical URL of the page and your Site Name.
  4. Add your Share Image URL along with its width, height, and alt text for best results.
  5. If using the article type, fill in the author URL, section, and published/modified times.
  6. Enter your Twitter/X Card type and site/creator handles under the Twitter section.
  7. Click through the platform tabs (Facebook, Twitter/X, LinkedIn, WhatsApp) to check the live previews.
  8. Click “Copy Tags” to copy the complete meta tag block and paste it into your page’s `<head>` section.

Paste the generated tags directly before the closing `</head>` tag in your HTML, or add them through your WordPress SEO plugin’s custom head section. For maximum social sharing performance, always test your tags using Facebook’s Sharing Debugger and Twitter’s Card Validator after going live.

Frequently Asked Questions

What is an Open Graph tag and why do I need one?

Open Graph tags are HTML meta tags in your page’s `<head>` that tell social media platforms how to display your page when it is shared. Without them, platforms like Facebook and LinkedIn use their own algorithms to guess which image and text to show – often with poor results. By adding Open Graph tags, you control the title, description, image, and other properties that appear in every social share, resulting in more attractive link previews and higher click-through rates.

What image size should I use for the best results across all platforms?

The universally recommended size is 1200 × 630 pixels at a minimum of 72 DPI. This works well for Facebook (which uses a 1.91:1 ratio), Twitter summary_large_image cards, and LinkedIn. WhatsApp uses a square crop in some contexts, so placing your main subject in the centre of the image ensures it looks good everywhere. Your image must be hosted at an absolute https:// URL – relative paths will not work.

Do I need separate tags for Twitter/X and Facebook?

The standard Open Graph tags (og:*) are used by Facebook, LinkedIn, and WhatsApp. Twitter has its own twitter:* meta tag format, but it falls back to Open Graph tags if Twitter-specific tags are not present. Our generator outputs both sets in a single block, so you get full coverage for all four platforms without duplication.

Should I use the same title and description as my page’s regular meta tags?

Not necessarily. Your Open Graph title and description are specifically for social sharing, while your regular meta title and description are for search engine results. They can – and often should – be different. Your social title might be more conversational and compelling, while your SEO title might be more keyword-focused. Many SEO plugins (Yoast, Rank Math, All in One SEO) let you set these values independently.

Will adding Open Graph tags improve my SEO rankings?

Open Graph tags do not directly affect Google’s search ranking algorithm. However, they can indirectly boost SEO performance: better-looking social previews lead to higher click-through rates from social platforms, which can increase traffic and social signals. They also ensure that when your content is shared, it appears as professional and trustworthy as possible, which can influence brand perception and backlink acquisition over time.