Open Graph tags Facebook reads
Add these to the head of the page. The same tags drive link previews on LinkedIn, WhatsApp, Slack and Pinterest.
| Tag | What to put in it |
|---|---|
| og:title | The headline, without the site name. The card shows about two lines |
| og:description | One or two sentences. Often hidden on mobile, so do not rely on it |
| og:image | Full https:// address of a 1200 x 630 image (at least 600 x 315 for a large card), under 8 MB |
| og:url | The canonical address of the page |
| og:site_name | Your site or brand name |
| og:type | "article" for posts, "website" for most other pages |
How to check a Facebook link preview
-
Step 1
Paste a public URL
Enter the address of a blog post, product page or landing page. The page must be reachable without a login.
-
Step 2
Fetch the page
The tool requests the page with Facebook's crawler user agent and reads the Open Graph tags from the HTML.
-
Step 3
Check the preview card
See the image, site name, title and description laid out the way Facebook shows a shared link.
-
Step 4
Fix what is missing
The tag list marks og:title, og:description and og:image as found or missing, so you know what to add to the page.
Frequently asked questions
How do I preview a link before posting it on Facebook?
Paste the URL into this tool and press "Preview link". It fetches the page the way Facebook's crawler does and shows the image, title and description in a Facebook-style card, along with a list of which Open Graph tags were found. You can check 20 links a day without an account.
What are Open Graph tags?
Open Graph tags are meta tags in a page's head that tell social networks what to show when the page is shared. Facebook mainly uses og:title, og:description, og:image and og:url. Without them it falls back to the page title and meta description and may show no image at all.
What is the best og:image size for Facebook?
Facebook recommends 1200 by 630 pixels, a 1.91:1 ratio. An image at least 600 by 315 pixels is shown as a large card; anything smaller appears as a small thumbnail beside the text. The minimum is 200 by 200 pixels and the file must be under 8 MB.
Why is Facebook showing an old image or title for my link?
Facebook caches the preview the first time a link is shared. After you change the tags, open Meta's Sharing Debugger, enter the URL and choose "Scrape again" to refresh the cache. This tool always reads the live page, so it shows what Facebook will see after that refresh.
Why is the image missing from my link preview?
The usual causes are no og:image tag in the HTML, a relative image path instead of a full https:// address, an image server that blocks crawlers, or an image under 200 by 200 pixels. Check the og:image row in the tag list to see exactly what the page returns.
Does the preview match Facebook exactly?
It is a close simulation, not Facebook's own renderer. The tool reads the first 50 KB of the page's HTML and follows up to three redirects. Layout details vary between the Facebook feed, Messenger and mobile, so use Meta's Sharing Debugger for the final check.
Last updated by the Made to Spark team.
