Open graph preview
Open Graph and OG image preview
Paste title, description, and image URL. No page fetch.
Result
Paste an OG image URL to fill the card.
EXAMPLE.COM
Your og:title appears here
The og:description appears here as you type.
Paste an OG image URL to fill the card.
Your og:title appears here
The og:description appears here as you type.
example.com
Sponsored
Hosting and WordPress
We may earn a commission if you buy through these links, at no extra cost to you. That is one way to keep the tools free.
This open graph preview is for checking Open Graph meta tags before you publish: title, description, OG image URL, site name, and type. You paste the fields; the hub never fetches the page HTML.
The OG image preview uses only the address you paste. The browser loads that image file — there is no crawler extracting og:image from a third-party URL. If the address is wrong or blocked, the card stays empty.
The result includes an Open Graph tag generator you can copy, plus two cards: a wide Facebook-style preview and a compact WhatsApp-style OG preview. They are visual stand-ins, not each app’s official renderer.
WhatsApp, Facebook, LinkedIn, and Slack clip title and description with their own rules. Treat the cards as a clarity check, not a guarantee of the live feed.
Paste the image file URL, not the page URL: this open graph preview never fetches third-party HTML.
Quick habits
- Use an OG image around 1200×630 px, JPG or PNG, still readable as a thumbnail.
- The social title can differ from the SERP title — write for the feed, not only the search box.
- og:type website covers most brochure pages; article fits posts.
- The image URL must be absolute (https://…) and public. Relative paths fail in social apps.
Frequently asked questions
Short answers about open graph preview, OG image preview, and what this page does not fetch.
- What does this open graph preview do?
- You paste title, description, OG image URL, site name, and type. The page shows an OG image preview in a Facebook/WhatsApp-style card and builds Open Graph meta tags to copy. It does not read the live page.
- Why can’t I paste a page URL to generate Open Graph tags?
- This Open Graph generator is client-side only. Fetching someone else’s HTML would need a server and a crawler, which this kit does not have. Copy the fields from your CMS or source.
- Is the WhatsApp OG preview official?
- No. The WhatsApp-style preview and the Facebook-style card are mockups. Each app fetches the URL, crops the image, and may ignore fields. Use the preview to check that title, description, and image tell the same story.
- What size should the OG image preview use?
- The usual teaching size is 1200×630. Skinny images or tiny type break in the crop. This tool does not resize the file — it only shows the URL you paste.
- Do Open Graph meta tags replace SERP title and description?
- No. og:title and og:description are for sharing. Google’s snippet still depends on title, meta description, and on-page copy — and the engine may rewrite both.
- Is the image URL sent to the hub?
- We do not store the URL or the file. It stays in page state and your browser tries to load the image. Do not paste authenticated or private URLs.