Open Graph tag generator
Generate the social sharing tags for your pages.
<meta property="og:title" content="عنوان صفحه" /> <meta property="og:description" content="توضیح کوتاه صفحه برای شبکههای اجتماعی." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:image" content="https://example.com/cover.jpg" /> <meta property="og:site_name" content="ابزاریو" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="عنوان صفحه" /> <meta name="twitter:description" content="توضیح کوتاه صفحه برای شبکههای اجتماعی." /> <meta name="twitter:image" content="https://example.com/cover.jpg" />
About the Open Graph tag generator
When a page link is shared on Telegram, WhatsApp, X or LinkedIn, the preview card with image and title comes from that page's Open Graph tags. Without them, social platforms usually show a messy preview or no image at all, which hurts click-through rate significantly. Abzario's Open Graph generator takes your title, description, page URL, image URL, content type (website, article or product) and site name, and produces both og tags and Twitter Card tags at once. Just paste this code into the page's head so every time the link is shared, a full, attractive card appears. Using the standard og:image dimensions of 1200 by 630 pixels ensures the image displays cleanly on most platforms without cropping or stretching.
How to use it
- 1Enter the title, description and image URL.
- 2Select the content type.
- 3Place the code in the page's head section.
Why use this tool?
- Generates og:title, og:description, og:image, og:url and og:type together
- Automatically builds Twitter Card tags for a large image card on X
- Supports the three common content types: website, article and product
- Adds og:site_name so your brand name shows next to the title in previews
- Copy-ready output for the head section, no coding knowledge required
- Improves click-through rate on links shared across social platforms
Worked examples
Sharing an article on Telegram
Choosing content type article and entering title, description and a 1200x630 image URL makes Telegram show a card with a large image and full title when the link is forwarded.
Presenting a store product
For a product page, setting type to product and adding the product photo URL sets og:type to "product", letting social platforms recognize the commercial nature of the link.
Automatic Twitter Card tag
Alongside the og tags, the output includes <meta name="twitter:card" content="summary_large_image" /> so X (Twitter) shows the same image and title as a large card too.
Adding the site name
Filling in the site name field, e.g. "Abzario", adds <meta property="og:site_name" content="Abzario" />, which some platforms display beneath the link title.
Frequently asked questions
Why doesn't the link image update on Telegram?
Social networks cache the result; use that network's validation tool to refresh the cache.
Does the image URL need to be absolute?
Yes, og:image must be an absolute URL with https.
Why does Telegram still show the old image after I changed og:image?
Social platforms cache link previews; you need to manually refresh the cache using each platform's official tool, such as the Facebook Sharing Debugger, so the new image loads.
Does og:image have to be a full absolute URL?
Yes, the og:image address must be absolute and use https rather than a relative path, otherwise many platforms won't be able to load the image.
What's the difference between Open Graph and Twitter Card?
Open Graph is Facebook's general standard that most platforms including Telegram and LinkedIn read, while Twitter Card tags are specific to X; having both ensures the link displays correctly everywhere.
What image size is recommended for og:image?
1200 by 630 pixels is the common standard, which displays cleanly on most social networks without cropping or stretching.