devprix.io

Open Graph Preview / Debugger

Paste HTML source to preview how your page looks on social platforms and validate your meta tags.

HTMLFull page or just the <head>
Previews
Nothing to preview yetPaste a page’s HTML on the left, drop an .html file, or try the
Waiting for inputProcessed locally
Send output toHTML Entity EncoderString Escape / UnescapeText Diff Checker

How to use it

  1. Paste your page's HTML (or just the <head>), drop an .html file, or switch to Manual and fill in the fields.
  2. Check the Google, Facebook, Twitter/X, Slack, Discord, LinkedIn and WhatsApp previews, then open Checks for the completeness score.
  3. Open Export to copy ready-made meta tags, or Compare to diff the tags of two pages.

Related tools

Meta Tag GeneratorWeb & APIHTML Entity EncoderWeb & APIURL ParserWeb & API

What is Open Graph Preview?

Open Graph preview shows how your URL will appear when shared on social media platforms like Facebook, Twitter/X, LinkedIn, and Slack. It reads the og:title, og:description, og:image, and Twitter Card meta tags from your page and renders a preview of the social sharing card. This helps you optimize how your content looks before sharing.

Common use cases

  • Previewing social media cards before sharing content
  • Debugging missing or incorrect Open Graph tags
  • Comparing how a page appears on different platforms
  • Optimizing og:image dimensions for best display
  • Verifying Twitter Card configuration

Frequently asked questions

What image size should I use for Open Graph?

The recommended og:image size is 1200x630 pixels (1.91:1 ratio) for Facebook and LinkedIn. Twitter summary_large_image uses the same ratio. Keep important content in the center 800x418 area to avoid cropping on mobile.

Why isn't my image showing on social media?

Common causes: image URL is relative (must be absolute), image is too small (min 200x200px for Facebook), server blocks social media crawlers, or the platform has cached an old version. Use Facebook's Sharing Debugger or Twitter Card Validator to force a re-crawl.