Open Graph Tag Generator
Fill in the title, description, address and image, and get the meta tags that control how your link looks on LinkedIn, WhatsApp, Facebook, X and Slack. A preview shows the result.
More options
example.com
Your title appears here
Your description appears here.
Still needed: title, description, url.
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">- Without an image, shares show as plain text. A 1200 by 630 px image works best.
Paste these inside the head of the page. Then check how the link looks with a share debugger, such as Facebook's Sharing Debugger or LinkedIn's Post Inspector.
Questions
What are Open Graph tags?
Meta tags in a page's head that tell social sites and messengers which title, description and image to show when the link is shared. Without them, each site guesses.
What size should the image be?
1200 by 630 pixels, in the wide shape, works well almost everywhere. Use a full https address, and keep important content away from the edges.
How long should the title and description be?
Keep titles under about 60 characters and descriptions under about 160. Longer text gets cut off, and the tool warns you.
Do I need the Twitter tags as well?
X falls back to Open Graph tags, but the twitter:card tag chooses between a large and a small image. The tool writes both so the card looks as you intend.
Why does a shared link still show the old preview?
Platforms cache previews. After changing the tags, refresh the cache with a share debugger such as Facebook's Sharing Debugger or LinkedIn's Post Inspector.
More free tools
- Schema Markup GeneratorJSON-LD for businesses, people, services, events, articles, products and more, with the required fields checked.
- QR Code GeneratorQR codes for links, Wi-Fi, WhatsApp and more, in your colours, with a logo in the centre.
- Favicon and App Icon GeneratorEvery favicon and app icon size from one logo, with the manifest and the HTML to paste in.
Made by Bulb Studio, a design and development studio in Kolkata.