OpenGraph.io

Social Preview & Link Preview Tool — Check Your Social Media Links

See how your URL appears on Facebook, LinkedIn, X, Slack, and more. Check your title, description, image, and Open Graph tags before you share.

OpenGraph.io API

Save Your Results & Keep Checking

Create a free account to save this preview, run more checks, and audit your site for broken social previews.

Save preview reports
Audit your site for broken social previews
No Credit Card Required
Create Free Account

No signup required · First few checks are free

What we check:

From one preview check to automated preview monitoring

You're here

Link Preview Tool

Check any single URL and see exactly how it appears on Facebook, LinkedIn, X, Slack, and more — instantly, for free.

Site Audit

Scan your homepage, blog posts, and key landing pages for missing images, long titles, weak descriptions, and Open Graph issues — in one report.

Link Preview API

Generate reliable, accurate Open Graph previews at scale for your app, platform, or internal tool — 100 free monthly requests to get started.

Perfect Social & Link Previews,
Every Time

Facebook link preview example

Ever shared a link only to see a broken or unoptimized preview?

Our Link Preview Tool ensures your content looks great across social media, messaging apps, and search engines.

What It Does:

  • ✓ Generates a real-time preview of how your link will appear
  • ✓ Helps you fix missing images, titles, and descriptions before posting
  • ✓ Ensures consistent branding and engagement across platforms

Test your links before you share them — because first impressions matter.

Who uses the Link Preview Tool

Marketers

Make every shared link count

Check your campaign landing pages, blog posts, and product pages before sharing. Know exactly how your content looks on every social channel — before your audience does.

SEO & Content Teams

Catch preview issues at scale

Missing og:image, truncated titles, and weak descriptions hurt click-through rates from social and search. Run a site-wide report and fix every page at once.

Developers

Debug Open Graph tags fast

Validate og:title, og:description, og:image, and twitter:card tags for any URL. Use the API to automate preview generation in your apps and internal tools.

Agencies

Deliver better previews for clients

Audit your clients' sites and generate site-wide preview reports as part of SEO, social, or launch deliverables. Find broken previews before the client does.

FAQ

What Are Open Graph Meta Tags?

Open Graph is a protocol introduced by Facebook in 2010 to enable seamless integration between web pages and social media platforms. By using Open Graph meta tags, any web page can function as an object within the Facebook ecosystem, allowing you to control how your website content is displayed when shared on Facebook. Over time, other platforms like Twitter, LinkedIn, and Pinterest have also started recognizing and supporting Open Graph meta tags. These tags ensure that when your content is shared, both link previews and social previews show the right title, description, and image — making your content look polished across all platforms.

How to Add Meta Tags in HTML

Adding meta tags is straightforward. Here's how you can do it:

  1. Use a free tool like OpenGraph.io to generate meta tags for your webpage.
  2. Copy the generated meta tags and paste them within the <head> section of your HTML file.

Correct meta tags ensure your social previews display properly on Facebook, LinkedIn, Twitter, and other platforms.

Can Meta Tags Be Placed in the Body Element?

No, meta tags must be placed within the <head> section of your HTML document. Adding them in the <body> will result in invalid HTML markup and may cause unexpected behavior or prevent social media platforms from recognizing your meta tags.

How to Create and Add Dynamic Open Graph Images?

Manually updating Open Graph (OG) images for every page or blog post can be tedious. Instead, you can automate this process:

  • Use a dynamic Open Graph image generator tool (like OpenGraph.xyz) to create consistent, visually engaging OG images.
  • Choose from customizable templates and link them to your webpage. This allows each page to automatically display unique OG images tailored to its content. This solution ensures your content always stands out on social media without the hassle of manually designing each image.
  • Dynamic images are critical because they control how your social preview thumbnails appear when links are shared.

What are The Recommended Image Dimensions for Open Graph?

To ensure your content looks professional and sharp across platforms:

  • Use images at least 1080 pixels wide for high-resolution displays.
  • For Facebook ads and general sharing, 1:1 aspect ratio images are highly recommended for optimal performance.
  • Correct sizing guarantees that your social previews aren’t cut off or distorted.

Pro Tip: Test your images to confirm they display correctly across different platforms like Facebook, Twitter, and LinkedIn.

Troubleshooting Open Graph Issues

If you encounter issues with Open Graph meta tags not displaying correctly:

  1. Check the meta tags in your HTML code to ensure they are correctly formatted and placed within the <head> section.
  2. Re-scrape Your Website: Platforms like Facebook and LinkedIn often cache previews. Use their debugger tools to clear the cache and update the preview:
  3. Ensure your images meet the recommended dimensions and aspect ratios for optimal display on social media platforms.
  4. If your social preview looks wrong on Facebook or LinkedIn, try clearing the cache and re-scraping the URL

Additional Best Practices for Open Graph Meta Tags

To maximize the effectiveness of your Open Graph meta tags:

  • Set a Default OG Image: If a page lacks a specific image, having a default OG image prevents broken previews.
  • Optimize Image File Size: Large images may slow down load times. Compress OG images without compromising quality.
  • Include OG Type: Use the og:type tag (e.g., website, article, video) to provide context for your content.
  • Use HTTPS for Images: Always host OG images on secure (HTTPS) servers to avoid compatibility issues.

Following these best practices helps you generate consistent social and link previews across all networks.

What is a Social preview?

A Social Preview shows how your content will appear when shared on platforms like Facebook, LinkedIn, or Twitter. It includes the title, description, and image. Checking your social preview ensures your links look professional and attract clicks before you post.

How do I check my Social Media Preview before sharing?

You can paste your URL into our Social Preview Tool to instantly see how it will display across major platforms. This helps you spot missing images, cut-off titles, or incorrect descriptions before publishing.

How do I check social previews for my whole site at once?

Checking one page at a time is a good start, but most sites have dozens of important pages — your homepage, about page, blog posts, product pages — that all need correct social previews. OpenGraph.io's Site Audit Report lets you check all your key pages in a single report, giving each one a health score and a list of specific issues to fix. It's the fastest way to make sure every page on your site looks right when shared.

What is a Site Audit Report?

A Site Audit Report checks the social media previews across all of your site's important pages in one pass. For each page it shows a Social Preview Health Score (0–100), which platforms are affected, and specific issues like missing images, titles that are too long, or descriptions that get cut off. Instead of manually pasting URLs one by one, you enter your domain once and get a full picture of your social preview health. You can then work through the prioritized fix list to improve your click-through rates across every channel.

Why do my link previews look different on Facebook vs LinkedIn?

Facebook, LinkedIn, and X (Twitter) each use slightly different rules for how they read and display your Open Graph meta tags. Facebook prefers og:image images at 1200×630 pixels; LinkedIn is stricter about image dimensions and may fall back to page content if your og:image is missing or too small; X uses its own twitter:card tags alongside Open Graph. Our Link Preview Tool shows you exactly how your page looks on each platform so you can spot the differences. If you need to check your whole site for these platform-specific issues at once, our Site Audit Report does it in one click.

Can I check multiple pages at once?

Yes. After checking a single URL, you can run a Site Audit Report to check all your key pages in one pass. Enter your domain once and we discover your important pages — homepage, blog posts, product pages, and landing pages — then score each one and list the specific issues to fix. It is the fastest way to see your full social preview health without checking pages one by one. Create a free account to get started.

What does the Site Audit check?

The Site-Wide Preview checks every page in your report for the same things the single-URL tool checks: og:image presence and dimensions, og:title length and truncation risk, og:description quality, twitter:card tags, and platform-specific rendering on Facebook, LinkedIn, and X. For each page it produces a Social Preview Health Score (0–100) and a prioritised list of issues so you know exactly which pages need the most attention.

Do I need an account to use the Link Preview Tool?

No — the first 3 previews are completely free, no account required. A free account unlocks saving your preview reports, running a site-wide preview across all your pages, and getting more checks. Creating an account takes about 30 seconds and no credit card is required.
Free Tools

More free tools

Everything you need to inspect, scrape, and convert the web — no signup required.

Web Scraping Tool

Fetch raw HTML from any public webpage — analyze structure, meta tags, and scripts instantly.

Try it free

Website Screenshot Tool

Capture pixel-perfect screenshots of any website — desktop, tablet, or mobile viewports.

Try it free

Webpage to Markdown

Convert any webpage to clean Markdown — perfect for AI pipelines, docs, and LLM ingestion.

Try it free

OpenGraph Tester

Validate and inspect the OpenGraph tags on any URL — title, description, image, and more.

Try it free

Web Data Extraction Tool

Extract structured data from any webpage using CSS selectors — text, attributes, links, and more.

Try it free
Free Tools

More free tools

Everything you need to inspect, scrape, and convert the web — no signup required.

Web Scraping Tool

Fetch raw HTML from any public webpage — analyze structure, meta tags, and scripts instantly.

Try it free

Website Screenshot Tool

Capture pixel-perfect screenshots of any website — desktop, tablet, or mobile viewports.

Try it free

Webpage to Markdown

Convert any webpage to clean Markdown — perfect for AI pipelines, docs, and LLM ingestion.

Try it free

Link Preview Tool

Preview and debug how your links appear on social media — Facebook, Twitter, LinkedIn, and more.

Try it free

Web Data Extraction Tool

Extract structured data from any webpage using CSS selectors — text, attributes, links, and more.

Try it free