Open Graph Generator
Create Open Graph meta tags so links to your page show the right title, description and image on Facebook, LinkedIn, WhatsApp and more.
This guide is not yet available in your language and is shown in English.
Tool guide
What this tool does
Open Graph Generator produces og: meta tags for websites, articles, products, profiles, videos, songs and books, with image size, alt text and locale. A live link-card preview shows how a share is likely to look and warns about image sizes that produce small thumbnails.
When someone pastes your URL into Facebook, LinkedIn, WhatsApp, Slack, Discord or iMessage, the app fetches the page and looks for Open Graph tags to build the preview card. Without them it guesses: it might pick a logo or an advertising banner as the image and the first heading it finds as the title, which makes a shared link look broken and lowers clicks.
This tool writes the tags defined by the Open Graph protocol: the four required properties (og:title, og:type, og:image and og:url) plus description, site name, locale, image dimensions and alt text, and type-specific properties for articles and products. The preview renders a typical large link card in your browser so you can check the crop before publishing.
How to use Open Graph Generator
- Choose the Content type (og:type); article and product reveal extra fields.
- Fill in Title, Description and the Canonical page URL.
- Paste an absolute Image URL and add Image alt text, width and height.
- Set the Site name and Locale (for example en_GB), plus any Alternate locales.
- Review the link-card preview and warnings, then copy the tags into your page head.
Tips for better results
- Use a 1200 × 630 px image (1.91:1); it displays sharply as a large card on almost every network.
- Keep key text and faces in the centre of the image, because some apps crop the edges to a square.
- Declaring og:image:width and og:image:height lets some platforms render the card on the first share instead of after the image downloads.
- After changing tags, ask the platform to re-scrape the URL (Facebook’s Sharing Debugger, LinkedIn’s Post Inspector) because previews are cached.
Common use cases
- Making blog posts look consistent when shared in team chats.
- Showing product name, price and photo when a shop item is shared.
- Fixing a site where shared links show the wrong image.
- Setting per-language locales on a multilingual site.
Common mistakes to avoid
- Using a relative image path such as /img/card.jpg; crawlers need the full https:// URL.
- Serving the image from a URL that requires login or blocks bots, so the platform cannot fetch it.
- Writing the locale with a hyphen (en-GB); Open Graph uses an underscore (en_GB).
- Expecting changes to appear instantly on previously shared links instead of forcing a re-scrape.
Frequently asked questions
Which Open Graph tags are required?
The protocol lists og:title, og:type, og:image and og:url as required. og:description and og:site_name are optional but nearly always worth adding because most cards display them.
Does X (Twitter) read Open Graph tags?
Yes. X falls back to og:title, og:description and og:image when the matching twitter: tags are missing, but it still needs a twitter:card tag to choose the card layout.
What is the best Open Graph image size?
1200 × 630 pixels at a 1.91:1 ratio, as a JPG or PNG under a few megabytes. Images narrower than about 600 px are often shown as a small square thumbnail instead of a large card.
Why does my old image still appear?
Platforms cache previews, often for days. Use the platform’s debugging tool to re-fetch the URL, or add a version query string to the image URL when you replace the file.
Feedback & suggestions
Help us improve Open Graph Generator. We read every message.