Approximate Facebook / Open Graph link preview
Approximate Twitter / X card preview
Approximate LinkedIn link preview
| Tag / Property | Content |
|---|
How to Use the Open Graph Preview Tool
- Enter a URL — paste any public web page URL into the input box. The tool automatically adds
https://if you forget. - Click “Fetch & Preview” — the tool fetches the page’s HTML through a CORS proxy and reads its Open Graph, Twitter Card, and standard meta tags.
- Switch between platforms — use the Facebook, Twitter/X, and LinkedIn tabs to see how the link card will look on each network.
- Check All Tags — click the “All Tags” tab to see a full table of every OG and Twitter meta tag found on the page.
- Run the Audit — the “Audit” tab scores your page’s social meta tags and tells you exactly what’s missing or needs improvement.
What Are Open Graph Tags — and Why Do They Matter?
Open Graph (OG) tags are HTML meta tags in the <head> of a web page that control how it appears
when shared on social media. They were created by Facebook in 2010 and are now used by
Facebook, LinkedIn, Pinterest, Slack, WhatsApp, and many other platforms. Twitter/X uses a
similar system called Twitter Cards.
- og:title — the headline shown in the link preview card. Aim for 15–95 characters.
- og:description — the short description under the title. Aim for 60–300 characters.
- og:image — the image shown in the card. Recommended size: 1200×630 pixels (1.91:1 ratio).
- og:url — the canonical URL for the page. Prevents duplicate counting when the same content is shared via different URLs.
- og:type — the type of content:
website,article,product, etc. - og:site_name — your brand name, shown below the title on some platforms.
- twitter:card — controls which Twitter card format to use:
summary,summary_large_image,app, orplayer.
Pages with well-optimised OG tags consistently get higher click-through rates on social media because the preview card looks professional and trustworthy — a missing image or truncated title is often enough to make someone scroll past your link.
Frequently Asked Questions
Why does the image not show in the preview?
Some servers block cross-origin image requests, or the og:image URL may be relative rather than absolute. The tool will still show the image URL in the “All Tags” tab so you can verify it manually. If the image loads on the actual page but not here, the server is likely blocking hotlinking — it will still work when the page is shared directly on social media.
Why does the tool say “Could not fetch that URL”?
Some websites block automated HTTP requests (bots, crawlers) and will return a 403 Forbidden or
similar error. This is common on sites with strict bot protection such as Cloudflare. The tool
uses a public CORS proxy (allorigins.win) to fetch the page, and some servers block requests
from proxy IP ranges. In this case, you can view the page source manually in your browser
(right-click → View Page Source) and look for og: tags in the <head>.
How often does Facebook / LinkedIn update the cached preview?
Facebook caches link previews for up to 30 days. You can force a re-scrape using the Facebook Sharing Debugger. LinkedIn re-crawls pages roughly every 7 days, or you can clear its cache using the LinkedIn Post Inspector. Twitter/X typically fetches card data fresh on each new tweet.
What’s the ideal og:image size?
Facebook recommends 1200×630 pixels (1.91:1 aspect ratio) for the best display across all surfaces.
Twitter/X uses the same ratio for summary_large_image cards. Images smaller than 600×314 pixels
may not display at all. Always use HTTPS for your og:image URL — HTTP images are often blocked by social platforms.
Do I need separate og:image and twitter:image tags?
Not necessarily — Twitter/X will fall back to og:image if twitter:image is absent.
However, setting both gives you more control: for example, you can use a square image for Twitter
(summary card) while using a wide 1200×630 image for Facebook and LinkedIn.
Will this tool work on pages behind a login?
No. The tool fetches pages as an anonymous visitor. Any page that requires a login, cookie, or session token to display content will not return the correct OG tags here. To preview protected pages, view the source directly in your browser while logged in.
Need help setting up OG tags on your WordPress site? Check out our Free Meta Tag Generator or see how your page appears in Google search results with the SERP Preview Tool. You can also check all your free marketing tools here.