Open Graph Testing Tool
Check how your web pages and posts will look when posted on social media.
Paste your pages Open Graph tags or your URL (if you already have Open Graph implemented on your page) to see how it might appear in Facebook, Linkedin and Twitter (X).
How This Tool Works.
This tool helps you see exactly how your webpage will look when it's shared on major social media platforms like Facebook, X (formerly Twitter), and LinkedIn. By reading your page's Open Graph (OG) meta tags, it generates a real-time preview, allowing you to optimize your content for maximum engagement and click-through rates.
​
Generate Your Previews.
At the top of the tool, select how you want to provide your data:
​
-
Test by URL (Recommended): Simply paste the full URL of a live webpage. Our tool will fetch its HTML and find the meta tags for you.
-
Test by Pasting Tags: This is useful for testing before you publish. You can copy and paste the raw <meta> tags directly from your HTML source code​​
-
Click "Generate Previews": The tool will instantly parse the data and build visual simulations of your social share cards.
Understanding Open Graph and Twitter Card Tags.
​To control how your content is displayed when shared, you place a set of meta tags within the <head> section of your webpage's HTML. These tags act as instructions for social media platforms.
​
The foundation of social sharing is the Open Graph protocol, which is used by Facebook, LinkedIn, and many other services.
There are four essential OG tags that should be on every shareable page.
The og:title dictates the main headline of the share card, while the og:description provides the summary text that appears below it.
Perhaps most importantly, the og:image tag points to the URL of the image you want to feature, which is critical for grabbing a user's attention.
To make sure all shares point to the correct page, the og:url tag should contain the page's canonical URL. Other useful tags like og:site_name help provide additional context by showing the name of your overall website.
​
X (formerly Twitter) uses its own system called "Twitter Cards," but it intelligently uses your existing Open Graph tags as a fallback if Twitter-specific ones aren't found.
For more control over how your content appears on X, you can use twitter: tags. The most important is twitter:card, which defines the layout. A value of summary_large_image creates a card with a prominent, wide image (using a 2:1 aspect ratio), which is generally the most effective.
A summary card creates a more compact view with a small, square image. You can also specify a twitter:title, twitter:description, and twitter:image to override the default OG tags exclusively for the X platform.