EthicalFusion

Open Graph Generator

Create Open Graph and Twitter Card tags for perfect social sharing previews.

Was this tool helpful?

Thanks for the feedback!

Open Graph Generator creates the tags that control how a link looks when it's shared on Facebook, LinkedIn, WhatsApp, X and other apps: the headline, short description and preview card. Without them, platforms guess from the page and often pick the wrong image or an unhelpful snippet of text.

From three fields to eight tags

Fill in the Title (required), the Page URL and a short description in the main box, then press Generate OG tags. The description is cut to 200 characters. For a guide titled "How to File ITR-1 Online: Step-by-Step Guide", the output is:

<meta property="og:type" content="website">
<meta property="og:title" content="How to File ITR-1 Online: Step-by-Step Guide">
<meta property="og:description" content="Free guide to filing ITR-1 online: documents you need, due dates and common mistakes to avoid this assessment year.">
<meta property="og:url" content="https://example.com/blog/file-itr-1-online">
<meta property="og:image" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="How to File ITR-1 Online: Step-by-Step Guide">
<meta name="twitter:description" content="Free guide to filing ITR-1 online: documents you need, due dates and common mistakes to avoid this assessment year.">

Fill in og:image and check og:type

The og:image tag is left empty on purpose, because the tool can't know which picture to use. Add the full, absolute address of an image, such as https://example.com/images/itr-guide.jpg; a relative path like /images/itr-guide.jpg won't work. An image of 1200 × 630 pixels suits Facebook, LinkedIn and WhatsApp well, and because X shows large-image cards at roughly a 2:1 ratio, keep text and faces away from the top and bottom edges. X falls back to og:image when there's no twitter:image tag, so one image covers both.

The type is always set to website. That's right for a home page or tool page; for a blog post or news story, change it to article.

Where to add the tags and how to refresh previews

  1. Paste the tags inside the page's <head>. On WordPress, SEO plugins usually generate Open Graph tags already, so set the image and text there instead to avoid duplicates.
  2. Platforms cache link previews. After changing tags, use Facebook's Sharing Debugger and press "Scrape Again", and LinkedIn's Post Inspector, to fetch the new version.
  3. WhatsApp and Telegram also cache previews for a while, so a link shared before the change may keep its old card.
  4. Make sure the image URL is publicly reachable; images behind a login or blocked by robots.txt can't be fetched by the platforms' crawlers.

Writing text that works in a feed

  • The og:title can be more conversational than the SEO title, since it's read by people scrolling a feed rather than searching.
  • Keep the description to one or two sentences; many apps show only the first line or none at all on small screens.
  • Use the same page URL that appears in your canonical tag, without tracking parameters, so shares of different versions are counted together.

For the search-result version of the page's title and description, use the Meta Tag Generator.

Frequently asked questions

Why is og:image empty in the generated tags?
The generator can't pick an image for you. Add the full https address of a 1200 by 630 pixel image to the content attribute before using the tags.
Why does Facebook or WhatsApp still show my old preview?
Link previews are cached. Use Facebook's Sharing Debugger to scrape the page again; WhatsApp updates its cached preview after some time.
Do I need separate Twitter tags if I have Open Graph tags?
Only twitter:card is required for the large image card. X falls back to og:title, og:description and og:image when its own tags are missing.
Should og:type be website or article?
Use website for home pages and general pages, and article for blog posts and news stories. The generator always outputs website, so edit it for articles.
What size should my Open Graph image be?
1200 by 630 pixels is the common recommendation. Keep important content near the centre so crops on different platforms don't cut it off.

Related tools

Embed this tool on your site

Paste it into any blog or website. Free, with a credit link.