Open Graph preview
Enter a page URL, or paste its HTML, to see the link card people get when they share it, and fix what is missing.
Open Graph tags are meta tags in the head of a page. They tell social networks and chat apps which title, description and image to show when someone shares the link.
The tool reads those tags and draws a link card styled like a Facebook post. It also checks the image for size and ratio, and lists tags that are missing or too long.
Questions
Why does Facebook still show my old preview?
Facebook caches a link card after the first share. After you fix your tags, run the URL through the Sharing Debugger and scrape it again to refresh the cache. Other platforms keep their own caches.
Why is my preview empty for a page built with JavaScript?
Link scrapers read the HTML the server sends and do not run JavaScript. If your tags are added only in the browser, they are not seen. Render them on the server or in the static HTML.
What is the ideal Open Graph image size?
1200 x 630 pixels, a ratio of about 1.91:1, under 8 MB. Images smaller than 600 x 315 pixels are shown as a small thumbnail beside the text.
Why does the preview differ from what I see after sharing?
Each platform has its own cropping, text limits and cache. This preview follows the common Facebook layout and reads your page once, right now. Platforms may also have cached an older version.
Which tags matter most?
og:title, og:description, og:image and og:url. The rest, such as og:site_name and twitter:card, are optional but improve the card.