Open Graph Preview
Enter a webpage URL to analyse its Open Graph metadata, or enter your OG title, description and image manually. Switch between Facebook, LinkedIn and X simulated previews to see how your link could appear when shared. Check for missing tags, preview your OG image, copy meta tags and fix issues before publishing. Manual previews run in your browser — URL analysis fetches the page on our server to extract metadata.
Read the guide: How to preview your Open Graph tagsOpen Graph Metadata
Recommended: 1200×630px, JPG/PNG/WebP. Guidance only — platforms may vary.
Platform Previews
Facebook-style preview — Simulated
your-domain.com
Your page title
Your meta description appears here
Previews are simulations for planning purposes. Platforms may interpret and display metadata differently.
Preview Data
Metadata Check
Open Graph
og:title— Missingog:description— Missingog:image— Missingog:url— Missingog:type— Missing
X / Twitter
twitter:card— Foundtwitter:title— Missingtwitter:description— Missingtwitter:image— Missing
Platforms may fall back to Open Graph data when platform-specific tags are absent.
Recommendations
- Add an og:title tag so social platforms have a dedicated sharing title.
- Add an og:description tag describing the page.
- Add an og:image tag with a suitable social sharing image.
Meta Tags
<meta name="twitter:card" content="summary_large_image" />
Manual previews run entirely in your browser. URL analysis fetches the page on our server to extract metadata — the URL is not stored. Uploaded images are processed locally and are not uploaded to a server.
How the Open Graph Preview works
- Enter a webpage URL and click Analyse URL to detect Open Graph and Twitter Card metadata, or enter your OG title, description and image manually.
- Switch between Facebook, LinkedIn and X simulated previews to see how your link could appear on each platform.
- Check the OG tag checklist for missing tags, review the image preview, and read actionable recommendations.
- Copy the generated HTML meta tags and add them to your page — only tags you have entered or detected are included.
See also: SERP Preview, Meta Title & Description Checker, Robots.txt Generator and XML Sitemap Generator.
Useful tips
- Aim for a 1200×630px OG image for optimal display across platforms — but remember each platform may render differently.
- Add twitter:card tags alongside Open Graph tags to control how your link appears on X.
- Make sure your og:image URL is publicly accessible — private or broken images will not appear in social previews.
Frequently asked questions
What is an Open Graph preview?+
An Open Graph preview shows how your webpage could appear when shared on social platforms like Facebook, LinkedIn and X. It uses Open Graph meta tags (og:title, og:description, og:image and others) to create a visual preview card.
What is an OG image?+
The OG image (og:image) is the image that appears in the social sharing card when your webpage is shared. It is specified using the og:image meta tag and should be a publicly accessible image URL.
How do I preview a Facebook link?+
Enter your webpage URL and click Analyse URL, or enter your Open Graph metadata manually. Then switch to the Facebook tab to see a simulated Facebook-style sharing card. The preview is a simulation, not an official Facebook interface.
How do I preview a LinkedIn link?+
Enter your webpage URL and click Analyse URL, or enter your Open Graph metadata manually. Then switch to the LinkedIn tab to see a simulated LinkedIn-style sharing card. The preview is a simulation, not an official LinkedIn interface.
How do I preview an X link?+
Enter your webpage URL and click Analyse URL, or enter your Open Graph metadata manually. Then switch to the X tab to see a simulated X-style card. You can choose between a Summary Card and a Summary Card with Large Image. The preview is a simulation, not an official X interface.
What is og:title?+
og:title is the Open Graph tag that specifies the title shown when your webpage is shared on social platforms. It should be a clear, compelling title that accurately represents the page.
What is og:description?+
og:description is the Open Graph tag that specifies the description shown beneath the title in social sharing cards. It should be a concise summary of the page's content.
What is og:image?+
og:image is the Open Graph tag that specifies the image shown in social sharing cards. It should be a publicly accessible image URL, typically with a recommended size of 1200×630 pixels.
Why is my social preview not showing the correct image?+
There are several possible reasons: the og:image URL may not be publicly accessible, the image may be too large or too small, the page may be missing Open Graph tags, or the social platform may have cached an older version of the page. Check that your og:image URL is correct and publicly accessible.
Can I check a URL's Open Graph tags?+
Yes. Enter a webpage URL and click Analyse URL. The tool will attempt to retrieve the page and detect Open Graph and Twitter Card meta tags. If the page cannot be reached, you can enter the metadata manually.
Is Open Graph Preview free?+
The tool is usage-limited rather than unlimited free. You get a limited number of free URL analyses per day, and your allowance is checked before use. Manual metadata entry and live previews are free. For more URL analyses and higher usage limits, upgrade to Pro.
Related guides
How to preview your SERP snippet
Your search snippet — the title, URL and description shown in Google results — is often the first thing a potential visitor sees. This guide explains what a SERP preview is, why it matters and how to use one to craft better snippets before you publish, all using a free tool that runs entirely in your browser.
How to check your meta title and description
Your meta title and description are the first things potential visitors see in search results. This guide explains what they are, how long they should be, why pixel width matters, and how to optimise them before publishing.
How to create a robots.txt file
A robots.txt file tells search engine crawlers which parts of your website they should and should not crawl. This guide explains what robots.txt does, how to create one, where to place it, and how it differs from other SEO controls.
How to create an XML sitemap
An XML sitemap provides search engines with a structured list of URLs that you want them to discover. This guide explains what an XML sitemap is, why it is useful, what to include, and how to submit it to search engines.
What would you like to do next?
SERP Preview
Preview how your SEO title, URL and meta description could appear in Google search results. Optimise your search snippet before publishing.
Meta Title & Description Checker
Check your SEO meta title and description for character length, pixel width, truncation risk and keyword presence. Optimise your search snippets before publishing.
Robots.txt Generator
Generate a valid robots.txt file for your website. Control which crawlers can access parts of your site and add your XML sitemap URL.
XML Sitemap Generator
Generate a valid XML sitemap for your website. Add URLs manually or scan a website, set priorities and change frequencies, validate your sitemap and download sitemap.xml.