How to preview an Open Graph share card
- Type the page address and press Fetch tags. Or skip this step and type your own title, description and image address.
- Pick Facebook, LinkedIn, X (Twitter) or WhatsApp above the preview to see each card.
- Read the checks under the preview. They flag a missing image, a long title and an image that will be cropped.
- Edit any field to test a change before you touch your website.
- Press Copy tags to get the meta tags and paste them into your page head or your SEO plugin.
Image sizes to aim for
| Platform | Card | Aim for |
|---|---|---|
| Large link card | 1200 × 630 pixels (about 1.91 to 1) | |
| Link post | 1200 × 627 pixels | |
| X (Twitter) | summary_large_image | A wide image close to 2 to 1 |
| X (Twitter) | summary | A square image, at least 144 × 144 pixels |
| Link preview | 1200 × 630 pixels. It shows smaller on phones. |
Tips for better results
- Use an absolute HTTPS address for og:image, and keep the file small, ideally under 1 MB.
- Keep titles near 60 characters and descriptions between 100 and 160.
- Set og:url so likes and shares count for one address.
- In WordPress, SEO plugins such as Rank Math have a social tab that sets these tags.
- After you change a tag, the platform may still show the old card. Facebook Sharing Debugger and LinkedIn Post Inspector can refresh it.
- Compare with how your page looks in search using the SERP Snippet Preview.
Limits to know about
- Fetching reads only og:title, og:description, og:image, og:type and the twitter:card value. It cannot read site name or X specific titles and images, so fill those yourself.
- The previews are approximations. Each platform changes its design and keeps old data for a while.
- Pages behind a login, pages that block automated visits and tags added only by JavaScript may not be read.
- The fetch runs from our server and is limited to 30 pages every 10 minutes for each visitor address.
- The image is loaded by your browser. A site that blocks other sites from using its images may show a broken image here while working on the platforms.
Privacy
Text you type stays in your browser. When you press Fetch tags, the page address is sent to our server, which loads the page and sends back the tags. Results are kept for about 15 minutes to speed up repeat checks. The image address is loaded by your browser directly from the image own site.
Frequently asked questions
What are Open Graph tags?
They are meta tags in a page head that tell social platforms which title, description and image to show when the page is shared.
Why does my share show an old image?
Platforms keep a copy. Refresh it with the platform own debugger tool, or wait for the cache to expire.
Why is my image cropped?
Large cards use a wide shape. An image far from 1.91 to 1 will be cut. Use 1200 × 630.
Do I need separate tags for X?
Add twitter:card at least. X falls back to the Open Graph title, description and image when its own tags are missing.
Why is there no image on WhatsApp?
The image address may be HTTP, blocked, too large or missing from the page. Check the list above the preview.
Where do I paste the tags?
Inside the head of your page. WordPress sites usually set them through an SEO plugin instead.
About this tool
ToolsRiver Open Graph Preview is free and needs no sign up. Previews are drawn to resemble each platform and are not made by those platforms.