Open Graph Generator
Create Open Graph and Twitter Card tags with a live preview for Facebook, X and WhatsApp, and an automatic check of the share image dimensions.
How to use the Open Graph generator
- Enter the title and description you want people to see when the link is shared. These can differ from the search title and meta description; shares reward a plainer, more human headline.
- Paste the canonical URL and the share image URL. The tool loads the image in your browser and reports its real dimensions, so you know before publishing whether Facebook will show a large card or a small thumbnail.
- Switch between the Facebook, X and WhatsApp previews. WhatsApp shows a shorter description and a smaller image; X depends on the card type you choose.
- Copy the tags into the head of the page. In WordPress, Rank Math and Yoast have per-page social fields that write the same tags, so you can paste the values there instead.
- After publishing, use the Facebook Sharing Debugger or LinkedIn Post Inspector to clear the platform’s cache of the old preview.
What each tag does
- og:title, og:description, og:image: the card’s headline, text and picture. Every platform except X reads these; X reads them too if the twitter: equivalents are missing.
- og:url: the canonical address. Shares of the same page with different tracking parameters are counted together when this matches.
- og:type: website for most pages, article for posts (which unlocks published time and author), product for shop listings.
- og:image:width and height: lets Facebook render the large card on the first share instead of after it has fetched the image.
- og:image:alt: the image description for screen reader users; also used by some platforms when the image fails.
- twitter:card: summary_large_image for a big picture, summary for a small square thumbnail beside the text.
Image requirements that actually matter
The single most common share problem is the image. Facebook and LinkedIn need at least 600 pixels wide for a large card and recommend 1200 x 630. X uses the same size for large cards. WhatsApp and Telegram accept smaller images but crop to a square thumbnail on some devices, so keep the subject centred. The image URL must be https, publicly reachable and not blocked by hotlink protection, which is why the tool loads it rather than trusting the URL.
If you change the image after the link has been shared, the platforms keep showing the old one until their cache expires. Use their debugger tools to refresh it.
Frequently asked questions
Do Open Graph tags affect Google rankings?
No. They control how links look when shared. Better-looking shares get more clicks, which can bring traffic and links, but the tags themselves are not a ranking signal.
Rank Math already adds these. Do I still need the tool?
Rank Math writes sensible defaults from the title and featured image. Use the tool when you want a share headline that differs from the SEO title, to check image dimensions, or for pages outside WordPress.
Why does WhatsApp show a different preview than Facebook?
WhatsApp fetches the tags itself, trims the description and prefers a square crop of the image. There is no separate tag set for it; it just renders the same data differently.
Related tools
Background reading: social and sharing settings, in the WordPress SEO guide.