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
- 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. - 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.
- WhatsApp and Telegram also cache previews for a while, so a link shared before the change may keep its old card.
- 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:titlecan 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.