MetoolzyOpen Graph Preview
Multi-Platform Preview
See how your link looks on Facebook, Twitter, and LinkedIn.
Raw Tag Inspector
View all extracted Open Graph and Twitter meta tags.
Missing Tag Warnings
Get alerts about missing recommended meta tags.
Server-Side Fetch
Bypasses CORS by fetching pages on the server.
Tentang Open Graph Preview
The Open Graph Preview Checker fetches any public URL and shows you exactly how that page's link will appear when shared on Facebook, Twitter/X, and LinkedIn. Open Graph meta tags control the title, description, and image displayed in social share cards — getting these right can dramatically increase click-through rates on shared links. Many developers discover too late that their image is the wrong size, their title is missing, or their description is being cut off. This tool does a server-side fetch to bypass CORS restrictions, extracts all og:, twitter:, and standard meta tags, renders accurate previews for each platform, and highlights any missing recommended tags with clear warnings. Use it before every launch to verify your social sharing setup is perfect.
Cara Menggunakan Open Graph Preview
- Enter the full URL of the web page you want to preview (https:// is added automatically if omitted).
- Click the Preview button — the tool fetches the page server-side to avoid CORS issues.
- Review the Facebook, Twitter/X, and LinkedIn preview cards to see exactly how your link will look.
- Check the Missing Tags warning section to identify any recommended meta tags that are absent.
- Expand the Extracted Meta Tags table to inspect all raw property values including image URLs.
- Fix any issues in your HTML, redeploy, and re-check until all platforms show the correct preview.
Pertanyaan yang Sering Diajukan
Why does my preview look different from what I see on the actual social platform?
Social platforms aggressively cache Open Graph data — sometimes for up to 7 days. Facebook has a Sharing Debugger tool and Twitter has a Card Validator where you can force a cache refresh after updating your meta tags. This tool always fetches the latest version of your page.
My page returns an error — what could be causing this?
Common causes include: the page requires authentication, the server blocks non-browser user-agents, the URL redirects to a page that requires JavaScript to render content, or the server has strict CORS/firewall rules. Try with a publicly accessible page first.
What is the recommended og:image size?
For best results across all platforms, use an image that is 1200×630 pixels. Facebook and LinkedIn require a minimum of 200×200 px. Twitter large image cards need at least 300×157 px. The image must be served over HTTPS and be publicly accessible (no login required).
Which Open Graph tags are considered essential?
The four essential Open Graph tags are og:title, og:description, og:image, and og:url. Without og:type (defaulting to "website"), og:site_name, and the Twitter Card tags, you may get inconsistent or degraded previews on some platforms.
Does fixing my Open Graph tags affect my Google ranking?
Not directly. Open Graph tags are not used by Google for ranking. However, better-looking social cards lead to higher click-through rates on shared links, which can drive more traffic and indirectly improve your site's authority signals over time.