Social Media Preview Checker

Preview how your website looks when shared on Facebook, Twitter, LinkedIn, WhatsApp, and Slack. Check Open Graph tags, Twitter Cards, and fix social sharing issues.

Check Your URL

Enter a URL to see how it appears when shared on social media platforms.

Understanding Open Graph and Social Media Meta Tags

What Are Open Graph Tags?

Open Graph (OG) tags are snippets of HTML placed in the <head> section of a web page. They were introduced by Facebook in 2010 and have since been adopted by LinkedIn, WhatsApp, Slack, Discord, and most other platforms that generate link previews. When someone shares a URL, the platform reads these tags to build a rich preview card with a title, description, and image instead of just displaying a plain link.

Without OG tags, platforms fall back to guessing which image and text to use, often producing broken or unappealing previews that hurt click-through rates.

Essential OG Tags for Social Sharing

Every page should include at least these four tags:

  • og:title - The title shown in the preview card. Keep it under 60 characters for best results across all platforms.
  • og:description - A brief summary of the page content. Aim for 120 to 160 characters. Platforms truncate longer descriptions.
  • og:image - The preview image URL. This is the single most important tag for engagement. Use an absolute URL (starting with https://).
  • og:url - The canonical URL of the page. Helps platforms consolidate duplicate shares.

Optional but recommended: og:type (usually "website" or "article"), og:site_name (your brand name), and og:locale (language, e.g. en_US).

Twitter Card Types Explained

Twitter (now X) uses its own set of meta tags that work alongside Open Graph. The twitter:card tag determines the layout:

  • summary - A small square image with title and description beside it. Good for articles and blog posts.
  • summary_large_image - A large rectangular image above the title and description. Best for visual content, product pages, and landing pages.
  • player - Embeds a video or audio player. Requires Twitter approval.
  • app - Shows an app install card with a direct download button.

If you do not set Twitter-specific tags, Twitter falls back to reading your OG tags instead. Setting twitter:card to summary_large_image is recommended for most websites.

How to Fix "No Image When Sharing on Facebook or WhatsApp"

Missing images in link previews are one of the most common issues. Here is a step-by-step fix:

  1. Add an og:image tag with an absolute URL (not a relative path like /img/photo.jpg).
  2. Make sure the image URL is publicly accessible. Private, authenticated, or localhost images will not load.
  3. Use HTTPS. Facebook and WhatsApp reject images served over plain HTTP.
  4. Check image dimensions. The recommended size is 1200x630 pixels. Images smaller than 200x200 may be ignored entirely.
  5. Flush the platform cache. Facebook caches previews aggressively. Use the Facebook Sharing Debugger to scrape fresh data.

OG Image Best Practices

  • Recommended dimensions: 1200 x 630 pixels (1.91:1 aspect ratio). This works well on Facebook, LinkedIn, Twitter, WhatsApp, and Slack.
  • Minimum size: 600 x 315 pixels. Anything smaller may display as a tiny thumbnail or not at all.
  • File format: PNG or JPG. Avoid SVG, GIF, and WebP for OG images as not all platforms support them.
  • File size: Keep it under 8 MB. Facebook recommends under 1 MB for fast loading. Compress images with tools like Image Compressor.
  • Text on images: If you include text, keep it large and centered. Platforms crop images differently, so avoid placing important content near the edges.
  • Unique images per page: Do not reuse the same OG image across your entire site. Unique images for each page increase recognition in social feeds.

Related Tools