#1 India's Top IT Training Institute

×

About Uncodemy

Know more about who we are and what we stand for.

About Us

About Us

Discover our mission to equip individuals with essential IT skills and industry expertise.

Read More →
UnCodeMy Gallery

UnCodeMy Gallery

Explore highlights from our IT training sessions and success stories.

Read More →
×

Free Resources

Learn, practice and plan your career — bilkul free.

Tutorials

Tutorials

Step-by-step written tutorials to learn any technology at your own pace.

Read More →
Free Counselling

Free Counselling

Book a free video counselling session and pick the right course for you.

Read More →
Online Compiler

Online Compiler

Write, run and test your code online — no setup required.

Read More →
🔗 FREE · OG + X CARD

Open Graph Tag Generator: Better Link Previews Everywhere

Control the title, text and image people see when your link is shared.

  • 🖼️ Image, alt and size tips
  • 💬 WhatsApp, LinkedIn, Facebook
  • 🐦 X card tags

How to use the Open Graph Meta Tag Generator

  1. 1. Enter page detailsTitle, description, the page URL and a full image URL.
  2. 2. Choose type and cardArticle or website, and a large or small X card.
  3. 3. Paste in the headAdd the tags, then refresh the preview in each platform's debugger.

What the defaults generate

The example page produces 12 tags: og:title, og:description, og:type set to article, og:url, og:image with its alt text, og:site_name and og:locale en_IN, then twitter:card as summary_large_image with matching title, description and image. Text is escaped, so quotes or ampersands in your title cannot break the HTML.

Use an image of 1200 × 630 pixels for large previews. The URL must be absolute and public, because the apps fetch it from their own servers; a relative path like /images/og.jpg will not work.

Making previews show up correctly

  • WhatsApp, LinkedIn and Facebook read og: tags. X reads twitter: tags and falls back to og: tags.
  • Platforms cache previews. After changing tags, use the Facebook Sharing Debugger or LinkedIn Post Inspector to fetch them again.
  • Keep titles under about 60–70 characters and descriptions short; apps cut long text.
  • Use https image links, and make sure the image is not blocked by robots.txt or a login.

Test each preview on a phone too, since most shares are opened there. This page is separate from our general meta tag generator: it focuses only on social sharing tags. For search result titles, check widths with the meta title length checker; for structured data, use the schema markup generator.

Frequently asked questions

Why does WhatsApp still show the old image?

WhatsApp caches previews. Changing the image file name, or adding a version query like ?v=2 to the og:image URL, usually makes it fetch again.

Do Open Graph tags help SEO?

Not as a ranking factor, but attractive previews get more clicks and shares, which brings visitors.

Is the Open Graph Meta Tag Generator free?

Yes, the Open Graph Meta Tag Generator is free. The first time you generate your first tags, you are asked for your name and WhatsApp number once. After that, this and every other Uncodemy tool opens straight away without the form.

More free tools

See all free tools